/*::::::::::::::::::::::::::::::: HERO NOSOTROS :::::::::::::::::::::::::::*/
.nosotros-hero{position:relative;width:100%;min-height:0;aspect-ratio:16/9;background:url('../site.img/nosotros_hero_wolftur.png') center center/cover no-repeat;display:flex;align-items:center;}



.nosotros-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,34,.97) 0%,rgba(3,20,34,.86) 32%,rgba(3,20,34,.35) 55%,rgba(3,20,34,.05) 100%);}
.nosotros-hero-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:auto;padding:75px 30px 65px;}
.nosotros-hero-text{max-width:510px;}
.nosotros-eyebrow,.nosotros-titulo-mini{display:block;font-size:12px;font-weight:700;letter-spacing:2px;color:#62cef4;margin-bottom:12px;}
.nosotros-hero h1{font-size:52px;line-height:1.08;margin-bottom:24px;color:#fff;}
.nosotros-hero p{font-size:17px;line-height:1.65;color:#d5dce5;margin-bottom:30px;}

/*::::::::::::::::::::::::::::::: PRESENTACION :::::::::::::::::::::::::::*/
.nosotros-intro{max-width:900px;margin:0 auto 18px!important;font-size:17px!important;line-height:1.7!important;}

/*::::::::::::::::::::::::::::::: PROCESO :::::::::::::::::::::::::::*/
.nosotros-trabajo{background:#101a2e;}
.nosotros-proceso{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px;}
.nosotros-paso{position:relative;padding:28px 20px;background:#202a3a;border:1px solid #303d50;border-radius:12px;text-align:left;}
.nosotros-paso span{display:block;font-size:30px;font-weight:700;color:#1eb8f2;margin-bottom:12px;}
.nosotros-paso h3{font-size:18px;margin-bottom:10px;color:#fff;}
.nosotros-paso p{font-size:14px;color:#aeb6c3;line-height:1.55;}

/*::::::::::::::::::::::::::::::: EVOLUCION :::::::::::::::::::::::::::*/
.nosotros-grid{margin-top:30px;}

/*::::::::::::::::::::::::::::::: FILOSOFIA :::::::::::::::::::::::::::*/
.nosotros-filosofia{background:#0e192c;}
.nosotros-filosofia-box{max-width:900px;margin:auto;padding:45px 50px;background:#172338;border:1px solid #273951;border-radius:14px;text-align:center;}
.nosotros-filosofia-box h2{font-size:34px;line-height:1.2;margin-bottom:20px;}
.nosotros-filosofia-box p{font-size:17px;line-height:1.7;color:#adb6c4;}

/*::::::::::::::::::::::::::::::: CIERRE :::::::::::::::::::::::::::*/
.nosotros-cierre{text-align:center;background:#101a2e;border-top:1px solid #26384e;}
.nosotros-cierre h2{font-size:38px;line-height:1.2;margin-bottom:20px;}
.nosotros-cierre p{font-size:17px;color:#adb6c4;margin-bottom:25px;}

/*::::::::::::::::::::::::::::::: RESPONSIVE :::::::::::::::::::::::::::*/
@media(max-width:1000px){
.nosotros-proceso{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:900px){
.nosotros-hero{min-height:540px;background-position:62% center;}
.nosotros-hero h1{font-size:42px;}
.nosotros-proceso{grid-template-columns:1fr 1fr;}
}

@media(max-width:600px){
.nosotros-hero{background-position:68% center;}
.nosotros-hero-overlay{background:rgba(3,20,34,.84);}
.nosotros-hero-container{padding:60px 25px;}
.nosotros-hero h1{font-size:34px;}
.nosotros-hero p{font-size:15px;}
.nosotros-proceso{grid-template-columns:1fr;}
.nosotros-filosofia-box{padding:30px 20px;}
.nosotros-filosofia-box h2{font-size:27px;}
.nosotros-cierre h2{font-size:30px;}
}


/*::::::::::::::::::::::::::::::: QUIENES SOMOS :::::::::::::::::::::::::::*/
.nosotros-presentacion{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;}
.nosotros-presentacion-texto{text-align:left;}
.nosotros-presentacion-texto h2{font-size:36px;line-height:1.2;margin-bottom:25px;}
.nosotros-presentacion-texto p{font-size:16px;line-height:1.7;color:#aeb6c3;margin-bottom:16px;}
.nosotros-presentacion-items{display:flex;flex-direction:column;gap:15px;}
.nosotros-presentacion-item{display:flex;gap:20px;align-items:center;padding:22px 25px;background:#202a3a;border:1px solid #303d50;border-radius:12px;}
.nosotros-presentacion-item>span{font-size:28px;font-weight:700;color:#1eb8f2;min-width:42px;}
.nosotros-presentacion-item h3{font-size:18px;color:#fff;margin-bottom:4px;}
.nosotros-presentacion-item p{font-size:14px;color:#aeb6c3;margin:0;}
.nosotros-presentacion-item>div{flex:1;text-align:left;}

@media(max-width:900px){
.nosotros-presentacion{grid-template-columns:1fr;gap:35px;}
}