.margen {    
    align-items: center; 
    justify-content: center;  
    padding: 60px 40px; 
    box-sizing: border-box;
}
.margenm {    
    align-items: center; 
    justify-content: center;  
    padding: 60px 40px; 
    box-sizing: border-box;
}
.portada {
    display: flex;
    align-items: center; 
    justify-content: center; 
    min-height: 80vh; 
    padding: 60px 40px; /* Padding generoso */
    box-sizing: border-box;
}

.tb{ color:#fff}
.tn{ color:#000}
.tbb{ color:#ccc}

.tg{ color:#43444a }
.tro{ color:var(--tx-rojo)}
.troo{ color:red}
.bgn{background-color: var(--bg-negro);}
.bgg{background-color: var(--bg-lights);}
.bgl{background-color: var(--bg-light);}
.bgb{background-color: #fff;}
header .aan a{ color:#000}
header .aab a{ color:#fff}
.w95{ width:95%}
.fl{ float:left;}
.p-txt {
    flex: 1; 
    max-width_: 600px; 
    padding-right: 50px;
    text-align: left;
    position: relative;
}
.mce{ margin: 0 auto; }

.p-img {
    flex: 1; 
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 600px; /* Ligeramente más grande para que ocupe más espacio horizontal */
}
.p-img img {
    max-width: 100%; 
    height: auto;
    display: block; 
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.robo { font-family: 'Roboto';}
@font-face {
  font-family: 'Noto Sans Bhaiksuki';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansbhaiksuki/v18/UcC63EosKniBH4iELXATsSBWdvUHXxhjwrXedA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.noto { font-family:'Noto Sans Bhaiksuki';}
.impact { font-family:'Impact';}



.b { font-weight: bold;}
.c{ text-align:center}.r{ text-align:right}.l{ text-align:left}
.j{ text-align: justify;}
.cn1 { color:#3B3838;}
.cb { color:#fff;}
.fn { background:#000;}
.t10{ font-size:10px;}.t12{font-size: 12px;}.t14{font-size: 14px;}.t16{font-size: 16px;}.t18{font-size: 18px;}
.t20{ font-size:20px;}.t22{font-size: 22px;}.t24{font-size: 24px;}.t26{font-size: 26px;}.t28{font-size: 28px;}
.t30{ font-size:30px;}.t32{font-size: 32px;}.t34{font-size: 34px;}.t36{font-size: 36px;}.t38{font-size: 38px;}
.t40{ font-size:40px;}.t42{font-size: 42px;}.t44{font-size: 44px;}.t46{font-size: 46px;}.t48{font-size: 48px;}
.t50{ font-size:50px;}.t55{font-size: 55px;}.t60{font-size: 60px;}.t65{font-size: 65px;}.t70{font-size: 70px;}.t80{font-size: 80px;}.t90{font-size: 90px;}
.mb10 { margin-bottom: 10px;}
.ls2m { letter-spacing: -2px;}
.tt26{font-size: 26px;}


.text-animado { font-family:'Montserrat'; display: flex;color: #333;width:80%;}
.css-animado {position: relative;height: 1.4em;overflow: hidden;width: 100%;}
.item{ width:100%; background-color:var(--bg-light); position: absolute;top: 0;left: 0;opacity: 0;animation: fadeInOut 12s infinite;white-space: nowrap}
.css-animado .item:nth-child(1){animation-delay: 0s; }
.css-animado .item:nth-child(2){animation-delay: 3s;}
.css-animado .item:nth-child(3){animation-delay: 6s;}
.css-animado .item:nth-child(4){animation-delay: 9s;}
.css-animado .item:nth-child(5){animation-delay: 12s;}
.css-animado .item:nth-child(6){animation-delay: 15s;}
@keyframes fadeInOut {
    0%, 100% { opacity: 0;}
    5% {opacity: 1;}
    30% {opacity: 1;}
    35% {opacity: 0;}
}


.puntos {font-size:20px;color:var(--primary-red);margin-top:75px}



.button {
    display: inline-block;font-family:'Montserrat';
    background-color: var(--primary-red);
    color: #fff;
    padding: 15px 35px;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 8px; /* Bordes redondeados del botón */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
    transition: background-color 0.3s ease;
    border: none;
    text-align: center; /* Centrado del texto dentro del botón */
}

.button:hover {
    background-color: #a8002f;
}
.va{
    vertical-align: middle
}

 
.t90 { 
    font-size: 5vw; 
    line-height: 1.1;
    font-weight: 800;
}
.tt60 {     font-size: 4.5vw; 
    line-height_: 1.1;
    font-weight: 800;}
.tt80 { 
font-size: 80px;
    font-size: 4vw; 
    line-height: 1.1;
    font-weight: 800;
}
.tx60 { width:50%; }

.t70 { 
      
    line-height: 0.8;
    font-weight: 750;
}

.impact { font-family: Impact, sans-serif; }

/* Aseguramos que las líneas de texto sean elementos de bloque */
.t90 > .reveal-target {
    display: block; 
}


/* ========================================= */
/* --- SCROLL-REVEAL CSS (Bi-direccional) --- */
/* ========================================= */

/* Estado INICIAL: Oculto (Transparente y ligeramente desplazado) */
.reveal-target {
    opacity: 0;
    transform: translateY(20px); /* Ligero desplazamiento inicial */
    
    /* Transición suave y prolongada para el efecto degrade */
    transition: opacity 1.2s cubic-bezier(0.2, 0.8, 0.2, 1), 
                transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
    
    transition-delay: 0s; /* El retraso será dinámico vía JS */
}

/* Estado FINAL: Visible (Opacidad 1 en posición) */
.reveal-target.is-visible {
    opacity: 1;
    transform: translateY(0); 
}
 .ww60{width: 75%;}
 .ww50{width: 50%;}
 .ww61{width: 61%;}
 
 .altoxx {line-height: 420px; height:420px; }
 .altoTb {padding-top:140px;padding-bottom:140px; }
 .tx26{font-size: 26px;}
 
.wyou{ width:800;height:450  }
 
@media (max-width: 992px) {
	.wyou{ width:100%;height:400px  }
    .portada {
        flex-direction: column; /* Apila el contenido y la imagen verticalmente */
        min-height: unset;
        text-align: center;
        padding: 40px 20px;
		width: 100%;
    }
	.text-animado {  width:100%;}
    .p-txt {
		order: 2;
        padding-right: 0;
        margin-bottom: 50px;
        width: 100%;
        text-align: center; /* Centra el bloque de contenido */
    }

	
    .p-img {
		order: 1;
        max-width: 100%;
    }
	.puntos { margin-top:50px}
	.t90 { font-size: 8vw;}
	.tt60 { font-size: 10vw;}
	.ww50{width: 98%;}
	.ww60{width: 98%;}
	.ww61{width: 98%;}
	
	.tx60 { width:96%; }
	.tt26{font-size: 17px;}
	.tt26 img { height: 13px; }
	.tx26{font-size: 20px;}
}
.tz18{font-size: 18px;}

.pieAn__{width:60%;}

@media (max-width: 600px) {
	.css-animado { height: 1.8em;}
	.puntos { margin-top:30px; font-size:15px;}
	.tz18{font-size: 13px;}
	.pieAn{width:99%;}
	.altoTb {padding-top:110px;padding-bottom:50px; }
	.t55{font-size: 45px;}
.margenm {   padding: 30px 15px; }	
	
}