/* Nosotros V20 — replica de la referencia aprobada */
.about-container{width:calc(100% - 124px);max-width:1400px;margin:0 auto}
.about-kicker{font-size:14px;font-weight:800;letter-spacing:.19em;color:#087fc4;margin:0 0 13px}
.about-hero{position:relative;isolation:isolate;padding:58px 0 44px;min-height:300px;display:flex;align-items:center;background:#062e4d;color:#fff}
.about-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/nosotros-hero-nuevo.jpg') center/cover no-repeat}
.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,36,66,.99) 0%,rgba(1,40,72,.95) 27%,rgba(1,40,72,.50) 52%,transparent 77%)}
.about-hero .about-kicker{color:#a2dcfc}
.about-hero h1{font-size:clamp(34px,3.15vw,48px);line-height:1.14;letter-spacing:-.03em;color:white;margin:0 0 17px;font-weight:800}
.about-hero h1 span{color:#9ad7ff}
.about-hero p:last-child{font-size:15px;line-height:1.5;max-width:485px;color:#fff;margin:0}
.about-intro{background:#fff;padding:30px 0 34px}
.about-intro-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:34px}
.about-intro-photo{height:294px;min-height:0;border-radius:3px;overflow:hidden}
.about-intro-photo img{width:100%;height:100%;object-fit:cover;display:block}
.about-intro h2,.about-heading h2,.about-safety h2{font-size:clamp(27px,2.7vw,39px);line-height:1.12;letter-spacing:-.03em;font-weight:800;color:#072c50;margin:0 0 13px}
.about-intro h2 span,.about-heading h2 span{color:#087dc6}
.about-intro-copy>p:not(.about-kicker){font-size:15px;line-height:1.55;color:#415368;margin:0 0 17px}
.about-underline{height:1px;width:110px;background:#b9c8d3;margin:0 0 15px}
.about-disciplines{background:#f0f5f8;padding:23px 0 28px}
.about-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;margin:0 0 21px}
.about-heading h2{margin:0}
.about-heading>p{font-size:15px;line-height:1.5;color:#43556b;margin:0}
.about-disciplines-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.about-disciplines-grid>div{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:99px;border-right:1px solid #c6d3dc;gap:8px}
.about-disciplines-grid>div:last-child{border-right:0}
.about-disciplines-grid i{font-size:42px;color:#168ce0}
.about-disciplines-grid h3{font-size:19px;color:#082c50;margin:0;font-weight:800}
.about-safety{display:grid;grid-template-columns:56.3% 43.7%;min-height:270px;background:#002a4b}
.about-safety-photo{min-height:270px;overflow:hidden}
.about-safety-photo img{width:100%;height:100%;object-fit:cover;display:block}
.about-safety-copy{padding:40px 42px 30px 37px;display:flex;justify-content:center;flex-direction:column;background:linear-gradient(100deg,#003658,#002847)}
.about-safety .about-kicker{color:#9ed8f9}
.about-safety h2{color:#fff;margin:0 0 12px}
.about-safety h2 span{color:#9ad7ff}
.about-safety-copy>p:not(.about-kicker){font-size:14px;line-height:1.6;color:#fff;max-width:450px;margin:0}
.about-safety .about-underline{background:#7ba6c0}
.about-cta{position:relative;isolation:isolate;min-height:270px;padding:36px 0 38px;color:#fff;background:#073d64}
.about-cta:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/nosotros-cta-nuevo.jpg') center/cover no-repeat}
.about-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,53,94,.99),rgba(0,53,94,.90) 35%,rgba(0,53,94,.28) 70%,transparent)}
.about-cta .about-kicker{color:#a1d9fa}
.about-cta h2{font-size:clamp(29px,3vw,41px);line-height:1.15;letter-spacing:-.03em;color:#fff;margin:0 0 13px}
.about-cta h2 span{color:#a4d9ff}
.about-cta p:not(.about-kicker){font-size:15px;line-height:1.55;max-width:490px;margin:0 0 17px;color:#fff}
.about-cta-primary{display:inline-flex;align-items:center;gap:18px;padding:13px 22px;background:#fff;border-radius:4px;color:#06335b;text-decoration:none;font-size:14px;font-weight:700;min-height:46px}
@media(max-width:850px){.about-container{width:calc(100% - 48px)}.about-intro-grid,.about-heading{grid-template-columns:1fr}.about-intro-grid{gap:26px}.about-intro-photo{height:310px}.about-safety{grid-template-columns:1fr}.about-safety-photo{height:300px}.about-safety-copy{padding:40px 24px}.about-hero{padding:70px 0}.about-heading{gap:15px}}
@media(max-width:520px){.about-container{width:calc(100% - 40px)}.about-disciplines-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}.about-disciplines-grid>div:nth-child(2){border-right:0}.about-intro-photo{height:240px}.about-hero:after{background:linear-gradient(90deg,rgba(1,36,66,.97),rgba(1,40,72,.76))}.about-cta:after{background:linear-gradient(90deg,rgba(0,53,94,.98),rgba(0,53,94,.70))}}

/* V21: párrafos descriptivos de Nosotros a 16px; etiquetas y botones conservan su estilo */
.about-hero p:last-child,
.about-intro-copy > p:not(.about-kicker),
.about-heading > p,
.about-safety-copy > p:not(.about-kicker),
.about-cta p:not(.about-kicker) { font-size: 16px; }

/* V22: sección Quiénes somos a 450px en escritorio, fotografía y contenido alineados */
@media (min-width: 851px) {
  .about-intro { height:450px; padding:0; }
  .about-intro-grid { height:100%; }
  .about-intro-photo { height:450px; }
  .about-intro-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; }
}

/* V23: alturas solicitadas para escritorio; en móvil el contenido determina el alto */
@media (min-width: 851px) {
  .about-hero { height:350px; min-height:350px; padding:0; }
  .about-intro { height:450px; }
  .about-intro-grid { height:100%; }
  .about-intro-photo { height:300px; align-self:center; }
  .about-disciplines { height:400px; padding:0; display:flex; align-items:center; }
  .about-disciplines > .about-container { width:calc(100% - 124px); }
}

/* V24: párrafo alineado al inicio del título, más aire antes de los cuatro iconos */
@media (min-width: 851px) {
  .about-disciplines .about-heading { align-items:start; margin-bottom:65px; }
  .about-disciplines .about-heading > p { margin-top:30px; }
}
@media (max-width: 850px) {
  .about-disciplines .about-heading { margin-bottom:42px; }
  .about-disciplines .about-heading > p { margin-top:0; }
}