@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;800;900&family=Roboto:ital,wght@0,400;1,500&display=swap");

@font-face {
  font-family: "Blackpast";

  src:local('Blackpast'), url('../Blackpast.ttf') format("truetype"); ;
}

/* iphone 3 */
/* iphone 4 */
/* iphone 5 */
/* iphone 6, 6s, 7, 8 */
/* iphone 6+, 6s+, 7+, 8+ */
/* iphone X , XS, 11 Pro, 12 Mini */
/* iphone 12, 12 Pro */
/* iphone XR, 11 */
/* iphone XS Max, 11 Pro Max */
/* iphone 12 Pro Max */
:root {
  --primary-color:#e14305;
  --secondary-color:#e14305;
  --tertiary-color:#3a3a3a;
  --bg-color:#1b1b1b;
  --ff1: "Poppins", sans-serif;
  --ffTitulo : "Blackpast", 'sans-serif';
}

html {
  font-family: var(--ff1);
  font-size: 16px;
}
.saltoLinea{
  display: none;
}
@media  (min-device-width: 1400px) {
  .saltoLinea{
    display: block;
  }
}
.header {
  background-color: var(--primary-color);
  padding-top: 10px;
background: linear-gradient(180deg, #051116 -30%, var(--primary-color) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 63%;
  min-height: 901px;
  box-shadow: inset 0px -20px 20px 0px #e14305d4;
  background: url(../img/bg.webp) no-repeat center center/cover !important;

}

@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header{
    min-height: 481px;
   
    background-position-x: -700px !important;
  }
}

.header .logo {
  width: 7%;
}
@media  (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .header{
    min-height: 701px;
  }
  .header .logo {
    display: none !important;
  }
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header .logo {
    width: 30%;
  }
}
@media  (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header{
    min-height: 481px;
   
    
  }
  .header .logo {
    width: 15%;
  }
}
.header h2 {
  font-weight: 200;
  font-size: 2em;
  text-shadow: -2px 7px 12px #0000006e;
}
@media  (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .header h2 {
    font-size: 1.7em;
  }
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header h2 {
    font-size: 23px;
  }
}
@media  (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header h2 {
    font-size: 2.2em;
  }
}

@media  (min-device-width: 168px) and (max-device-width: 375px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header h2 {
    font-size: 1.5em;
  }
}
@media  (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .header h3 {
    font-size: 1.5em;
  }
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header h3 {
    font-size: 22px;
  }
}
@media  (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header h3 {
    font-size: 22px;
  }
}

.header .img-logo{
width: 90%;
filter: drop-shadow(10px 18px 23px #9fd4cf52);
}

@media  (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .header .img-logo{
    width: 55%;
    
    }

}

@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header .img-logo{
    width: 100%;
   
    
    }
}

.header h1 {
  /* color: var(--secondary-color); */
  color: white;
  font-weight: 900;
  font-size: 8em ;
  text-shadow: 4px 7px 20px #2e2e2e94;
  font-family:  var(--ffTitulo) , sans-serif; 
  text-shadow: 9px 8px 20px #0d007240, -10px -8px 20px #ffffff42;;
  /* text-shadow: 
  -1px -1px 0 white,  
  1px -1px 0 white,
  -1px 1px 0 white,
  1px 1px 0 white;  */
  /* Tamaño y color del borde */
}


@media  (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .header h1 {
    font-size: 3.6em;
  }

}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header h1 {
    font-size: 44px;
    
  }
}

@media  (min-device-width: 1300px)  {
  .header h1{
   margin: 24px 0;
  }

}
@media  (min-device-width: 1400px)  {
  .header h1{
    line-height: 124px;
  }
  .header h1 span {
    font-size: 103px;
    margin: 12px 0;
  }
}
@media  (min-device-width: 1981px)  {
  .header h1 span {
    font-size: 120px;
  }
}
.header .contenedor-form {
  width: 50%;
  display: block;
  margin: 0 auto;
}
@media  (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .header .contenedor-form {
    width: 70%;
  }
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header .contenedor-form {
    width: 100%;
  }
}
@media  (min-device-width: 720px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header .contenedor-form {
    width: 100%;
  }
}
@media  (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  .header .contenedor-form {
    width: 100%;
  }
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .header p {
    font-size: 18px !important;
  }
}
@media  (min-device-width: 175px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
  .header .contenedor-form {
    width: 100%;
  }
}

.separador {
  position: relative;
}
.separador .separador-in1 {
  background-color: var(--primary-color);
  height: 200px;
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .separador .separador-in1 {
    height: 171px;
  }
}
.separador .separador-in2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23e14305' fill-opacity='1' d='M0 32L80 32C160 32 320 32 480 53.3C640 75 800 117 960 122.7C1120 128 1280 96 1360 80L1440 64L1440 0L1360 0C1280 0 1120 0 960 0C800 0 640 0 480 0C320 0 160 0 80 0L0 0Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 480px;
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .separador .separador-in1 {
    height: 200px;
  }
}
@media  (min-device-width: 800px) and (max-device-width: 1100px) and (-webkit-min-device-pixel-ratio: 2) {
  .separador .separador-in1 {
    height: 700px;
  }
}
@media  (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .separador .separador-in2 {
    height: 650px;
  }
}
.separador .con-img2 {
  display: block;
  width: 48%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  /* height: 40vh; */
  transform: translate(-50%, 0%);
}
@media  (min-device-width: 375px) and (max-device-width: 721px) and (-webkit-min-device-pixel-ratio: 2) {
  .separador .con-img2 {
    width: 100%;
  }
}
@media  (min-device-width: 175px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
  .separador .con-img2 {
    width: 137%;
  }
}
.separador .con-img2 img {
  width: 100%;
}
.content {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23e14305' fill-opacity='1' d='M0 32L80 32C160 32 320 32 480 53.3C640 75 800 117 960 122.7C1120 128 1280 96 1360 80L1440 64L1440 320L1360 320C1280 320 1120 320 960 320C800 320 640 320 480 320C320 320 160 320 80 320L0 320Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  padding: 50px;
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .content {
    padding: 2px;
  }
}
@media  (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .content .card {
    margin-bottom: 10px;
  }
}
.content .card .card-title {
  font-size: 30px;
}
.content .card .icono {
  width: 75px;
  height: 75px;
}
.content .card .icono1 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.5.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 184 179' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23474747' d='M46.04 61.46c4.31 0 7.81-3.5 7.81-7.81s-3.5-7.81-7.81-7.81c-4.31 0-7.81 3.5-7.81 7.81S41.73 61.46 46.04 61.46z M46.04 49.74c2.15 0 3.91 1.75 3.91 3.91c0 2.15-1.75 3.91-3.91 3.91c-2.15 0-3.9-1.75-3.9-3.91C42.13 51.49 43.88 49.74 46.04 49.74z'/%3E%3Cpath fill='%23474747' d='M138.18 45.84c-4.31 0-7.81 3.5-7.81 7.81s3.5 7.81 7.81 7.81c4.31 0 7.81-3.5 7.81-7.81S142.49 45.84 138.18 45.84z M138.18 57.55c-2.15 0-3.9-1.75-3.9-3.91c0-2.15 1.75-3.91 3.9-3.91c2.15 0 3.91 1.75 3.91 3.91C142.09 55.8 140.33 57.55 138.18 57.55z'/%3E%3Cpath fill='%23474747' d='M184 102.05V4.25c0-2.16-0.96-4.25-3.12-4.25h-65.6H68.94H3.27C1.11 0 0 2.09 0 4.25v97.92c0 0.23 0 0.46 0 0.7v72.67C0 177.7 1.05 179 3.21 179h65.03c0.23 0 0.47 0 0.71 0h46.33c0.24 0 0.48 0 0.71 0h64.98c2.16 0 3.03-1.3 3.03-3.46v-72.67C184 102.59 184 102.32 184 102.05z M65 85H22V22h43V85z M65 107v16H8v-16H65z M8 130h57v18H8V130z M73 107h38v65H73V107z M177 123h-58v-16h58V123z M119 22h44v63h-44V22z M119 130h58v18h-58V130z M177 99h-58V89h45.44c1.08 0 1.56-0.55 1.56-1.63V19.93c0-1.08-0.48-1.93-1.56-1.93H119V8h58V99z M111 8v92H73V8H111z M8 8h57v10H19.77C18.7 18 18 18.85 18 19.93v67.45c0 1.08 0.7 1.63 1.77 1.63H65v10H8V8z M8 155h57v17H8V155z M119 172v-17h58v17H119z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.content .card .icono2 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.5.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 187 179.04' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpolyline fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' points='166.32 175 166.32 88.02 119.09 88.02 119.09 175 '/%3E%3Cpolyline fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' points='71.85 147.33 24.62 147.33 24.62 175 '/%3E%3Cpolyline fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' points='119.09 115.7 71.85 115.7 71.85 175 '/%3E%3Cline fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' x1='186' y1='175' x2='1' y2='175'/%3E%3Cpolygon fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' points='24.62 111.74 67.91 68.26 91.53 91.98 150.57 32.67 162.38 44.53 162.38 5 123.02 5 134.83 16.86 91.53 60.35 67.91 36.63 8.87 95.93 '/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.content .card .icono3 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.5.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 210.25 178.26' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' d='M195.91 173.8H14.09c-5.02 0-9.09-4.07-9.09-9.09V37.43c0-5.02 4.07-9.09 9.09-9.09h181.82c5.02 0 9.09 4.07 9.09 9.09V164.7C205 169.73 200.93 173.8 195.91 173.8z'/%3E%3Cpath fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' d='M77.73 28.34V10.16c0-2.51 2.03-4.55 4.55-4.55h45.45c2.51 0 4.55 2.03 4.55 4.55v18.18'/%3E%3Cpath fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' d='M114.09 128.34H95.91c-2.51 0-4.55-2.03-4.55-4.55V96.52h27.27v27.27C118.64 126.31 116.6 128.34 114.09 128.34z'/%3E%3Cpath fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' d='M91.36 114.7H27.73C15.18 114.7 5 104.53 5 91.98'/%3E%3Cpath fill='none' stroke='%23505050' stroke-width='9' stroke-linejoin='round' stroke-miterlimit='10' d='M205 91.98c0 12.55-10.18 22.73-22.73 22.73h-63.64'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.content form .form-check-label {
  color: black !important;
}

.exito {
  margin: 0;
  padding: 20px 0 50px;
  text-align: center;
  height: 100%;
  max-height: 100%;
  font-weight: normal;
  background: linear-gradient(180deg, #051116 -30%, var(--primary-color) 100%);
  background: url(../img/bg.webp) no-repeat center center/cover !important;
}
.exito .container {
  max-width: 1108px !important;
}
.exito:after {
  display: none;
}
.exito .ahora {
  border: 1px solid var(--secondary-color);
  border-radius: 21px;
  margin: 12px 0;
  background-color: #000000e8;
}
.exito .ahora .button {
  display: inline-block;
  /* background-color: antiquewhite; */
  border: 2px solid var(--secondary-color);
  padding: 6px 15px;
  color: white !important;
  color: white;
  border-radius: 10px;
  text-decoration: none;
}
.exito .ahora .button:hover {
  background-color: var(--primary-color);
}
.exito .ahora .row div:first-child {
  border-right: 1px solid var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.exito .ahora .row div:first-child .numero {
  font-size: 95px !important;
  color: var(--secondary-color);
}
.exito .ahora .row div:last-child {
  padding: 19px 23px;
  display: flex;
  align-items: center;
}
.exito .ahora .row div:last-child p {
  padding: 34px 15px;
  text-align: left;
}
@media (max-width: 600px) {
  .exito .ahora .row div:last-child p {
    text-align: center;
  }
}
.exito .boton {
  border: 0;
  background: var(--secondary-color);
  color: #ffffff;
  padding: 15px;
  font-weight: bold;
  display: block;
  text-decoration: none;
  width: 100%;
  position: relative;
  margin: 18px auto;
  overflow: hidden;
  border-radius: 3px;
  max-width: 473px;
}
.exito .boton:hover {
  background-color: #d5c237;
}
.exito .bg-01 {
  background: url(./img/fondo-3.jpg) no-repeat center center/cover;
  padding: 15px 0;
}
.exito h1 {
  margin: 1.5rem 0;
}
.exito h1.title {
  text-shadow: 0 0 50px rgba(64, 160, 220, 0.8);
  font-size: 33px;
  color: #fff;
}
@media (max-width: 600px) {
  .exito h1.title {
    font-size: 28px;
  }
}
.exito h5 {
  color: #d1d1d1;
  max-width: 964px;
  margin: 9px auto;
  font-size: 23px;
}
.exito .tickets {
  width: 100%;
  max-width: 300px;
}
.exito .container {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}
.exito .container .banner .text .separator {
  margin: 25px auto;
}
.exito .list {
  text-align: left;
  margin: 0;
  padding: 0 0 0 40px;
  list-style: none;
}
.exito .list li {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 2rem;
  position: relative;
}
@media (max-width: 600px) {
  .exito .list li {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.exito .list li span {
  position: absolute;
  left: -40px;
  font-size: 3rem;
  top: 0;
  line-height: 1;
}
.exito .list li a {
  color: var(--secondary-color);
}
.exito .list .subscribe {
  background: #c4302b url(../img/yt-play.png) no-repeat 10px center/40px;
  border-radius: 7px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
  padding-left: 70px;
  position: relative;
  color: white;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 1px;
  margin: 15px 0;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.exito .list.last {
  background: var(--secondary-color);
  padding: 40px 40px 10px 70px;
  line-height: 1;
}
.exito .list.last li span {
  left: -44px;
  top: -5px;
}
.exito .shareWP {
  max-width: 625px;
  margin: 1rem auto;
}
.exito .wap {
  width: 233px;
  border-radius: 7px;
  background-color: #25d366;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  /* margin: 0 auto; */
  margin-top: 30px;
  padding: 14px 21px;
  opacity: 0.9;
  display: flex;
}
.exito .wap:hover {
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.exito .wap i {
  font-size: 1.4em;
  margin-right: 10px;
}

/*# sourceMappingURL=styles.css.map */