html,
body {
  background-color: #000c4b !important;
  background: url(images/background-op.jpg);
  color: #ddd;
  margin: 0;
  min-height: 100vh;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  font-family: "owners-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}

.b, b {
  font-family: "owners-text", sans-serif;
  font-weight: 700;
  font-style: normal;
}
 
a {
  font-family: "owners-text", sans-serif;
  font-weight: 700;
  font-style: normal;
  color:#fff;
  text-decoration: none;
}

header,
footer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  overflow: hidden;
  height:100vh;
}

img {
  max-width: 100%;
}

.sticky-element {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.track {
  width: fit-content;
  flex: 0 0 auto;
  padding-inline: 23%;
}

.track-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 85vh;
}

.panel-wide {
  position: relative;
  width: 100vw;
  height: 100%;
  flex: 0 0 auto;
  /* background: blue; */
}
.panel-wide img {
  position: relative;
}
.panel-wide::after {
  /* position: absolute;
  content: "";
  inset: 0;
  z-index: -1; */
  /* border: 1px solid green; */
}

.half-height .track-flex {
  gap: 2rem;
}

/*  */
.image-logo-promo {
    margin-top: 0;
    margin-left: 0%;
}

.image-logo-promo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  margin-left: -15%;
}

.video-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  padding-right: 5%;
  flex-direction: column;
}

.video-embed {
  width: 90%;
  aspect-ratio: 16 / 9;
  max-width: 1000px;
  border: none;
}

.video-embed-vertical {
    width: 330px;
    aspect-ratio: 9 / 16;
    max-width: 1000px;
    border: none;
}

.button {
  background-color: #0025FF;
  text-transform: uppercase;
  padding: 20px 40px;
  border-radius: 30px;
}

.button {
  background-color: #0025FF;
  text-transform: uppercase;
  padding: 20px 40px;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;           /* necesario para centrar contenido */
  align-items: center;
  justify-content: center;
  position: relative;             /* para overlay */
  overflow: hidden;               /* recorta el rectángulo blanco */
  will-change: width, border-radius, transform;
  width:max-content;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  transition: width 1s ease;
}

.button .btn-label {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

.button .btn-cover {
  position: absolute;
  inset: 0;                       /* top:0 right:0 bottom:0 left:0 */
  background: #0025FF;               /* mismo color que el texto */
  z-index: 2;
  transform-origin: left center;  /* se encoge de izquierda a derecha */
  pointer-events: none;
  /*width: calc(100% - 40px);
  height: calc(100% - 20px);
  margin-top: 10px;
  margin-left: 20px;
  border-radius: 20px;*/
  /*-webkit-transition: all 0.35s;
  transition: all 0.35s;
  transition: width 1s ease;*/
  width: 56px;
  border-radius: 50%;
}


.button.animate-button{
  background-color: #0025ff00;
}




.text-center {
  text-align: center;
}

.heading-porque-hoy-si {
  width: 450px;
}

.heading-newspaper {
  width: 600px;
}

.timeline {
  padding-top: 2vw;
  /*width: 55vw;*/
  width: auto !important;
  height: 42vh;
}

.container-porque-hoy-si {
   width: 70vw;
}

.container-que-tipo-de-fan {
  width: 45vw;
  display: flex;
  flex-direction: column;
}

.container-tabla-puntuaciones {
  width: 52vw;
}

.container-merch-exclusivo {
  width: 70vw;
}

.container-que-tipo-de-fan img {
  margin: 0 auto;
}

.heading-que-tipo-de-fan-sos {
  width: 500px;
}

.image-heading-que-tipo-de-fan-sos {
  width: 500px;
}

.container-call-to-action-que-tipo-de-fan {
  text-align: right;
  margin-top: 3em;
}

.image-merch-exclusivo {
  position: absolute !important;
  right: 0px;
  z-index: -1;
  top:-10em;
}

.display-flex {
  display: flex;
}

.heading-merch-exclusivo {
  width: 500px;
  padding-top: 4em;
}

.container-azul-y-blanco {
  width: 70vw;
  display: flex;
  flex-direction: column;
}

.container-ya-somos {
  width: 70vw;
}



.container-zona-de-promesas {
  width: 40vw;
}

.heading-azul-y-blanco {
  width: 650px;
  margin-top: 2em;
}

.margin-auto {
  margin: auto;
  width: 100%;
  text-align: center;
  margin: 0;
}

.iframe-video-azul-y-blanco {
  width: 60%;
  margin-top: 3em;
}

.ale-mendoza {
  position: absolute !important;
  bottom: -10em;
  right: -10em;
  /*width: 850px;*/
  width: 49vw;
}

.btn-escuchala-aqui {
  width: 200px;
  margin-top: 20px;
}

.heading-ya-somos {
  width: 900px;
}

.heading-zona-de-promesas {
  width: 530px;
  padding-top: 10vw;
}

.image-zona-de-promesas {
  width: 500px;
  position: absolute !important;
}

.float-right {
  float: right;
}

footer {
  display: flex;
  flex-direction: column;
}

.img-enterate {
  width: 280px;
}

.show-for-small {
  display: none;
}

.text-home {
  margin-bottom: 10px;
}

.txt-guate-esta-mas-cerca {
  padding-left: 60px;
}

.margin-top-1 {
  margin-top: 1em;
}

.social {
  margin-top: 1em;
}

.w-100{
  width: 100% !important;
} 
.w-90{
  width: 90% !important;
} 
.w-80{
  width: 80% !important;
} 
.w-50{
  width: 50%;
}

.w-fit-content{
  width: fit-content;
}

.h-fit-content{
  height: fit-content;
}
.h-100{
  height: 100%;
}


.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}

.no-signal{
  width: 90%;
  aspect-ratio: 16 / 9;
}

.opacity-0{
  opacity: 0;
  visibility: hidden;
}

.z-index-1{
  z-index: 1;
}

.reveal-late {
  opacity: 0;
  visibility: hidden;      /* evita clics/tab mientras está oculto */
  will-change: opacity;    /* micro-optimización */
}
.is-visible  { opacity: 1; visibility: visible; }

.font-headline-gothic{
  font-family: 'headline_gothic_atfregular';
}

.pepsi-ownersextended{
  font-family: 'pepsi_ownersextended';
}

.font-white{
  color:#fff;
}

.heading-section h2{
  font-size: 159px;
  line-height: 132px;
}

.heading-section.size-small h2{
  font-size: 146px;
}

.heading-section.size-very-small h2{
  font-size: 85px;
}

.heading-section{
  /*max-width: 450px;
  max-height: 294px;*/
  position: relative;
  display: inline-block;
  top: 0;
}

.left-space{
  margin-left: 57px;
}

.left-floating-space{
  margin-left: -35px;
}


.text-si-container {
    display: inline-block;
    width: 33%;
    height: 117px;
    margin-left: -10px;
}

.text-si-container .svg{
  position: absolute;
  width: 100%;
  top: -34px;
}

.text-align-end{
  text-align: end !important;
}

.d-flex{
  display: flex;
}

.d-block{
  display: block;
}

.justify-content-end{
  justify-content: end;
}

.justify-content-start{
  justify-content: start;
}

.justify-content-center{
  justify-content: center;
}

/*
.text-ya-somos{
  line-height: inherit !important;
  font-size: 58px !important;
  margin-top: -90px !important;
}*/
.text-ya-somos{
  line-height: inherit !important;
  font-size: 58px !important;
  margin-top: -60px !important;
}
.text-ya-somos-2{
  line-height: inherit !important;
  font-size: 58px !important;
  margin-top: -5px !important;
}

/*.text-ya-somos-numero{
  padding: 0;
  margin: 0;
  display: flex;
  align-items: start;
  font-size: 110px  !important;
  color: #03c3ff;
  margin-right: 75px  !important;
  top: -40px;
  position: relative;
}*/
.text-ya-somos-numero{
  padding: 0;
  margin: 0;
  display: flex;
  align-items: start;
  font-size: 110px  !important;
  color: #03c3ff;
  margin-right: 275px  !important;
  top: -50px;
  position: relative;
}

.text-ya-somos-sub{
  font-size: 45px  !important;
  padding-top: 9px  !important;
  text-align: start !important;
  line-height: 40px !important;
}

.img-ya-somos{
  width:200px;
  display: flex;
}
.timeline-svg{
  opacity: 0;
  /*width: auto !important;
  height: 45vh !important;*/
}

.rc-col   { 
  display:inline-block; 
  overflow:hidden; 
  vertical-align:baseline;
  width: -webkit-fill-available; 
}
.rc-stack { 
  position:absolute; 
  left:0; top:0; 
  will-change:transform; 
  text-align: center;
}
.rc-digit { 
  display:block; 
  line-height:1;
}

.m-width-49{
  max-width: 49%;
}

.btol-box{
  /*background-color: #ffffff6e !important;*/
}


header {
  background-size: cover;
  background-repeat: no-repeat;
}

.animate-text{ visibility:hidden; }
.d-none {
  display: none !important;
}


.image-avion {
    width: 560px;
    top: 70px;
}


#gana-viaje.heading-section.size-small h2{
  font-size: 54px;
  line-height: 55px;
}

.color-sky-blue{
  color: #03c3ff;
}

span.color-sky-blue div{
  color: #03c3ff;
  --color-sky-blue:#03c3ff;
}

.text-align-left{
  text-align: left;
}

.top-0{
  top:0 !important;
}

/* General padding */
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}

/* Padding start (izquierda en LTR, derecha en RTL) */
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}

/* Padding end (derecha en LTR, izquierda en RTL) */
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}

/* Padding top */
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}

/* Padding bottom */
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}


.m-0{
  margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}


.ms-1 {
    margin-left: 0.25rem !important;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ms-4 {
    margin-left: 1.5rem !important;
}
.ms-5 {
    margin-left: 3rem !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.me-5 {
    margin-right: 3rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}


.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}

.align-items-center{
  align-items: center;
}


#hoy-hay-chance.heading-section.size-small h2{
  font-size: 100px;
  line-height: 104px;
}

.container-hoy-hay-chance{
  width: 30vw;
  padding-left: 30vw;
}

.bg-line-animated{
  z-index: -2;
  height: 101vh;
  top: -77px;
  left: 330px;
}


:root{ --tt-height: 443px; }

/* grid */
.tiktok-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

/* tarjeta contenedora */
.tiktok-card{
  position:relative;
  height:var(--tt-height);
  background:#000;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

/* iframe TikTok 300x575 escalado a "cover" */
.tiktok-card iframe{
  position:absolute;
  top:50%; left:50%;
  width:300px;   /* tamaño nativo del embed */
  height:575px;  /* tamaño nativo del embed */
  transform:translate(-50%,-50%) scale(var(--tt-scale,1));
  transform-origin:center center;
  border:0;
  will-change:transform;
}

/* placeholder */
.tiktok-card.placeholder{display:grid;place-items:center;color:#c9c9c9;background:#0b0b0b;}
.tiktok-card.placeholder>div{font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;}

/*@media (max-width:1024px){ .tiktok-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .tiktok-grid{grid-template-columns:1fr;} }*/




/* ====== estilos ====== */
:root{
  --white: #fff;
  --border: rgba(255,255,255,.92);
  --rule-height: 3px;   /* alto de la línea */
  --rule-gap: 38%;       /* ancho del tramo blanco central */
  --rule-cyan: #07c3ff;  /* celeste Pepsi */
}

.card-title{
  flex-direction: column;
  align-items: center;
  gap: 12px;
}


.title-rule{
  width: 60%;
  max-width: 860px;       /* ajusta si quieres */
  height: var(--rule-height);
  background: var(--rule-cyan);
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.title-rule::after{
  content: "";
  position: absolute;
  inset: 0;
  width: var(--rule-gap);
  margin: 0 auto;         /* centra el tramo blanco */
  background: #fff;
  border-radius: inherit;
}

.promo-sponsors{
  color: var(--white);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
}

/* fila de marcas */
.brand-row{
  display:flex;
  align-items:center;
  gap:14px;
}
.brand{ display:block; height:46px; object-fit:contain; }
.brand.campero{ height:54px; }
.brand.pedidos{ height:42px; }
.brand-x{ font-size:28px; opacity:.9; line-height:1; }

/* tarjeta con bordes blancos */
.promo-card{
  min-width: 350px;
  border:2px solid var(--border);
  border-radius:4px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;
}
.card-line{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 18px;
  border-top:2px solid var(--border);
}
.card-line:first-child{ border-top:none; }

/* título HOY [svg] MUCHÁ */
.title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size: clamp(22px, 4vw, 36px);
}
.title .word{ white-space:nowrap; }
.svg-si{
  width: 35px;
  height:auto;
  display:block;
  pointer-events:none;
}

/* subtítulo */
.card-subtitle{
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.95;
}

/* redes */
.card-socials{
  gap:14px;
}
.card-socials .social{
  width:44px; height:44px;
  display:grid; place-items:center;
  border-radius:10px;
  transition:transform .15s ease, background-color .15s ease;
}
.card-socials .social:hover{ transform:translateY(-2px); background:rgba(255,255,255,.06); }
.card-socials img{display:block; }

/* fila de patrocinio */
.sponsor-row{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.logo{ height:38px; object-fit:contain; display:block; }
.logo.pepsi{ height:42px; }
.sponsor-text{
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size: clamp(14px, 2vw, 30px);
}

.footer-logo-promo{
  max-width:300px;
}

.image-balon {
    position: absolute !important;
    right: 95px;
    width: 300px;
    top: 242px;
    z-index: -1;
    transform: rotate(40deg) !important;
}

.avion-container{
  left: 7vw;
}

.heading-porque-hoy-si.heading-section h2{
  font-size: 89px;
}


.heading-porque-hoy-si  .text-si-container{
    top: 50px;
    left: -50px;
    z-index: -1;
}

.heading-porque-hoy-si  .svgator-animation{
    width: 225px;
}

.heading-section.heading-porque-hoy-si{
  top: -90px;
}

.text-sumate {
  font-size: 30px !important;
  text-align: center !important;
  line-height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 40px !important;
}

.avion-container img{
  width: 400px;
  margin-top: -7em;
}

.scroll-button{
  pointer-events: auto;
  position: absolute;
  bottom: 40px;
  z-index: 2;
}

.scroll-button .arrows-container {
	position: relative;
	width: 24px;
	height: 60px;
	margin: auto;
	cursor: pointer;
}

.chevron {
	position: absolute;
	width: 28px;
	height: 8px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
}
  
.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}
  
.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}
  
.chevron:before,
.chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff;
	transition-duration: .2s;
}

@keyframes move {
	25% {
		opacity: 1;

	}
	33% {
		opacity: 1;
		transform: translateY(30px);
	}
	67% {
		opacity: 1;
		transform: translateY(40px);
	}
	100% {
		opacity: 0;
		transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
	}
}

.darkcolor .chevron::before, .darkcolor .chevron:after{
	background: #000;
}
  
.chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
}
  
.chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
}

.image-adorno{
  position: absolute !important;
  bottom: -64px;
  width: 300px;
  left: 100vw;
}

.image-balon-adorno{
  position: absolute !important;
  bottom: 6px;
  width: 140px;
  left: 36vw;
  z-index: -1;
  opacity: 0.65;
  transform: rotate(185deg);
}


.flag-vs-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem; /* espacio entre elementos */
  max-width: 330px;
  margin: auto;
}

.flag-img {
  width: 100px;
  height: 100px;
  object-fit: cover; /* asegura proporciones correctas */
}

.flag-vs-text {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}

#logo-rompamos-la-historia-sin-titulo-pin-plata{
  width: 150px;
  margin-top: -10px;
}

.pin-plata-voz{
  width: 300px;
}

.text-pin-plata-container{
  flex-direction: row;
}

.container-pin-plata-la-voz{
  width: 60vw;
}

.tabla_fase {
  width: 780px;
  margin-top: 30px;
  font-size: 1.4em;
  font-family: 'headline_gothic_atfregular';
  color: #000;
}

.bg-color02 {
  background: #08C2FF !important;
  color:#fff;
}

.table tbody tr,
.table thead tr {
    background-image: linear-gradient(rgb(229.5, 229.5, 229.5), #FFFFFF 20%, #FFFFFF);
    background-repeat: no-repeat;
    vertical-align: middle;
    display: table-row;
    height: 39px;
}

.table tbody td,
.table thead th {
    display: table-cell;
    vertical-align: middle;
}


.team {
  color: #000;
}


.heading-section.size-medium h2 {
  font-size: 105px;
  line-height: 100px;
}

/* opcional: mejor separación en móviles */
@media (max-width:520px){
  .brand-row{ gap:10px; }
  .card-line{ padding:14px; }
  .card-socials .social{ width:42px; height:42px; }
  :root{ --rule-height: 3px; --rule-gap: 46%; }
  .title-rule{ width: 96%; }
}



/* Small only */
@media screen and (max-width: 39.9375em) {

  /*header {
    min-height: 50vh;
  }*/
  
  .button {
      padding: 13px 25px;
      font-size: 13px;
      margin-top: 10px;
  }

  .video-container {
    position: relative;
    width: 100%;
    padding-right: initial;
  }

  .container-porque-hoy-si, .container-que-tipo-de-fan,
  .container-merch-exclusivo, .container-azul-y-blanco,
  .container-ya-somos, .container-zona-de-promesas, .container-pin-plata-la-voz {
   width: 100vw;
  }

  .container-tabla-puntuaciones {
    width: 216vw;
  }

  .container-porque-hoy-si {
    /*width: 140vw;*/
    width: 170vw;
  }

  .heading-porque-hoy-si {
    width: 260px;
  }


  .hide{
    display: none !important;
  }

  .hide-for-small {
    display: none;
  }

  .show-for-small {
    display: block;
  }

  .image-heading-que-tipo-de-fan-sos {
      width: 360px;
  }

  .heading-que-tipo-de-fan-sos {
    width: 300px;
  }

  .container-que-tipo-de-fan img {
      margin: 10px auto;
  }

  .container-merch-exclusivo {
    width: 140vw;
  }

  .heading-merch-exclusivo {
    width: 270px;
    padding-top: 8em;
  }

  .image-merch-exclusivo {
    position: absolute !important;
    right: -10px;
    z-index: -1;
    top: 1em;
    width: 460px;
    max-width: 100%;
  }

  .heading-azul-y-blanco {
    margin: 0 auto;
    width: 300px;
    margin-top: 2em;
  }

  .iframe-video-azul-y-blanco {
    width: 92%;
    height: 210px;
  }

  .text-center-mobile {
    text-align: center;
  }

  .social-mobile {
    margin-top: 2em;
  }

  .heading-ya-somos {
    width: 380px;
  }

  .ale-mendoza {
    display: none;
  }

  .heading-zona-de-promesas {
    width: 280px;
  }

  .container-zona-de-promesas {
    width: 120vw;
  }

  .image-zona-de-promesas {
    width: 350px;
    position: absolute !important;
    max-width: fit-content;
    right: 0px;
    top: -5em;
  }

  .txt-hoy-si-mucha {
    display: none;
  }

  .text-home {
    padding-left: 140px;
  }

  .txt-guate-esta-mas-cerca {
      padding-left: 30px;
  }

  .celebra-y-combina {
    width: 280px;
    margin-top: 2em;
  }

  .text-si-container{
    width: 60px;
    height: 57px;
    margin-left: -10px;
  }

  .heading-section{
    top: 10px;
  }
  .heading-section h2 {
      font-size: 69px;
      line-height: 60px;
  }
  .text-si-container .svg {
    position: absolute;
    width: 100%;
    top: 0px;
  }

  .left-floating-space {
      margin-left: -11px;
  }

  .heading-section.size-small h2 {
    font-size: 55px;
  }

  .left-space {
    margin-left: 15px;
  }

  .heading-section.size-very-small h2 {
    font-size: 40px !important;
  }
  .img-ya-somos{
    width:100px;
    display: flex;
  }

  .text-ya-somos-sub {
    font-size: 25px !important;
    padding-top: 9px !important;
    text-align: start !important;
    line-height: 24px !important;
  }

  .text-ya-somos-numero{
    font-size: 49px !important;
    top: -60px;
  }
  .text-ya-somos {
    line-height: inherit !important;
    font-size: 58px !important;
    margin-top: 6px !important;
  }

  .timeline {
    padding-top: 23px;
    width: 100% !important;
    height: auto;
  }
  #hoy-hay-chance.heading-section.size-small h2 {
    font-size: 70px;
    line-height: 72px;
  }

  .tiktok-strip{
    min-width: 1010px;
    zoom: 0.5;
  }

  .track {
    padding-inline: 15%;
  }

  .image-avion {
      width: 330px;
      top: 40px;
  }

  #gana-viaje.heading-section.size-small h2 {
    font-size: 45px;
    line-height: 45px;
  }

  .escucha-ale-mendoza{
    padding: 0 30px;
    margin-top: 20px;
  }

  .text-margin-manage{
    max-width: 300px;
  }

  .image-balon {
    position: absolute !important;
    right: inherit;
    width: 210px;
    bottom: 50px;
    z-index: -1;
    transform: rotate(188deg) !important;
    top: initial;
    left: 20px;
  }

  .avion-container img{
    margin-top: -100px;
    width: 280px;
  }

  .heading-porque-hoy-si .text-si-container {
    top: 30px;
    left: -30px;
    z-index: -1;
  }

  .heading-porque-hoy-si.heading-section h2{
    font-size: 59px;
    min-width: 290px;
  }

  #logo-rompamos-la-historia-sin-titulo{
    width: 155px;
  }

  .heading-porque-hoy-si .left-floating-space {
    margin-left: 0;
    position: relative;
    left: 25px;
  }

  .heading-section.heading-porque-hoy-si {
    top: -30px;
  }


  
  .image-logo-promo {
    /*position:initial;*/
    max-width: 110%;
    height: auto;
    width: 110%;
    margin-left: -6em;
    top: -2em;
  }
  
  /*header {
        display: block;
        min-height: initial;
        height: initial;
  }*/

  .img-enterate {
    width: 180px;
  }
  .promo-card{
    min-width: auto;
  }

  footer {
    justify-content: flex-start;
  }

  .pin-plata-video-container{
    margin-top: 20px;
  }

  .video-embed-vertical{
    width: 230px;
  }

  #logo-rompamos-la-historia-sin-titulo-pin-plata{
    width: 110px;
    margin-top: -10px;
  }

  .pin-plata-voz{
    width: 230px;
  }


  .text-pin-plata-container{
    flex-direction: column;
  }

  #gana-viaje {
    top: 0px;
    margin-top: 1rem !important;
  }

  .heading-section.size-medium h2 {
    font-size: 55px;
    line-height: 50px;
    margin-bottom: 30px;
  }

}