/* Font Azur — Sobre el proyecto.
   Solo se carga en sobre-proyecto.html. Mantiene la estructura interna original de Mar Alta,
   respeta la paleta aprobada y NO modifica ni sobreescribe la Home. */
.about-page{--dark:#2A3F54;--dark-2:#314a62;--dark-3:#25384b;--cream:#F8F8F5;--sand:#EEEAE2;--soft:#EEEAE2;--white:#fff;--text:#2A3F54;--muted:#586e7c;--accent:#87AAA9;--accent-2:#d7e5e0;--line:rgba(42,63,84,.14);color:var(--dark);font-family:Arial,Helvetica,sans-serif;}
.about-page .page{overflow-x:hidden}
.about-page .navbar{background:rgba(42,63,84,.78)!important;}
.about-page .navbar.scrolled{background:rgba(42,63,84,.96)!important;}
.about-page .nav-links a.active{color:#D8E8E1!important;text-underline-offset:7px;text-decoration:underline;text-decoration-color:var(--accent);}
.about-page .page-hero-about{
  background-image:url('../assets/img/playa-muchavista.webp')!important;
  background-position:center 42%!important;
  min-height:550px!important;
  padding:168px 0 100px!important;
}
.about-page .page-hero-about::before{
  background:linear-gradient(90deg,rgba(23,44,60,.92) 0%,rgba(35,56,73,.7) 49%,rgba(35,56,73,.26) 100%)!important;
}
.about-page .page-hero .container{max-width:1180px;}
.about-page .page-hero .eyebrow{color:#D3E4DF!important;}
.about-page .page-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(3.2rem,6.5vw,6rem)!important;line-height:1!important;max-width:900px!important;letter-spacing:-.072em!important;}
.about-page .page-hero p{font-size:clamp(1rem,1.45vw,1.22rem)!important;line-height:1.72!important;max-width:665px!important;color:#f7f9f7!important;}
.about-page .page-hero-meta{display:flex;flex-wrap:wrap;gap:10px;}
.about-page .page-hero-meta span{color:#eef4f0;border-color:rgba(255,255,255,.26);background:rgba(42,63,84,.22);font-size:.69rem;min-height:38px;letter-spacing:.075em;}
.about-page .about-story{padding:96px 0 88px;background:#F8F8F5;}
.about-page .story-content{max-width:950px;}
.about-page .about-story .eyebrow{margin:0 auto 26px;color:#568489;}
.about-page .story-content p{color:#43596b;font-size:1.065rem;line-height:1.83;font-weight:400;max-width:900px;margin:0 auto 20px;}
.about-page .story-content p.story-emphasis{color:var(--dark);font-weight:700;font-size:clamp(1.12rem,1.55vw,1.38rem);line-height:1.7;max-width:890px;}
.about-page .story-content p:last-child{margin-top:30px;margin-bottom:0;}
.about-page .dot-divider{background:#F8F8F5;}
.about-page .dot-divider span{background-color:#87AAA9!important;}
.about-page .section-light{background:#F8F8F5;}
.about-page .section-soft{background:#EEEAE2;}
.about-page .value-card{background:#fff;border-bottom-color:rgba(135,170,169,.3);min-height:290px;box-shadow:0 14px 36px rgba(42,63,84,.055);}
.about-page .value-card:hover{border-bottom-color:#87AAA9;}
.about-page .value-icon{border-color:rgba(135,170,169,.45);color:#2A3F54;background:rgba(135,170,169,.14);}
.about-page .value-card h3{color:#2A3F54;}
.about-page .value-card p{color:#586e7c;}
.about-page .azimut-image{background-image:linear-gradient(rgba(42,63,84,.08),rgba(42,63,84,.08)),url('../assets/img/residencial-piscina.webp');}
.about-page .azimut-block{background-image:url('../assets/img/salon-terraza.webp');}
.about-page .signature{background:#2A3F54;color:#fff;}
.about-page .signature .quote-mark{background:#87AAA9;color:#fff;}
.about-page .signature cite{color:#c5d8d3;}
.about-page .about-contact{padding-top:100px;padding-bottom:110px;}
.about-page .about-contact .contact-grid{align-items:center;}
.about-page .about-contact .section-title{font-size:clamp(2.4rem,4.4vw,4rem);}
.about-page .about-contact .form-card{background:#fff;}
.about-page .about-contact .contact-box{margin-top:26px;}
.about-page .footer{background:#2A3F54;}
@media(max-width:1040px){
  .about-page .page-hero-about{padding:146px 0 80px!important;min-height:465px!important;}
  .about-page .values-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-page .azimut-grid{grid-template-columns:1fr;gap:42px;}
}
@media(max-width:760px){
  .about-page .page-hero-about{min-height:430px!important;padding:136px 0 70px!important;}
  .about-page .page-hero h1{font-size:clamp(2.8rem,10vw,4.4rem)!important;}
  .about-page .page-hero-meta{display:flex;gap:8px;}
  .about-page .page-hero-meta span{width:auto;min-height:34px;padding:6px 10px;font-size:.58rem;}
  .about-page .about-story{padding:68px 0 56px;}
  .about-page .story-content p{font-size:1rem;line-height:1.78;}
  .about-page .values-grid{grid-template-columns:1fr;}
  .about-page .value-card{min-height:auto;}
  .about-page .azimut-media{min-height:370px;}
  .about-page .signature-grid{grid-template-columns:1fr;gap:22px;}
  .about-page .about-contact{padding:70px 0 85px;}
}
@media(max-width:480px){
  .about-page .page-hero-about{padding:125px 0 64px!important;min-height:440px!important;}
  .about-page .page-hero-meta span{font-size:.55rem;}
  .about-page .story-content p.story-emphasis{font-size:1.08rem;}
  .about-page .azimut-media{min-height:290px;}
  .about-page .azimut-image{inset:0 0 48px 26px;}
  .about-page .azimut-block{width:116px;height:116px;}
}