/* FONT AZUR | Revisión editorial UX.
   Se conservan estructura y estilo de Mar Alta. Solo se ajustan componentes ampliados. */
:root { --dark:#2A3F54; --dark-2:#334b62; --accent:#729b9b; --accent-2:#dce7e1; }

/* Cabecera: logo original, recortado de márgenes transparentes, con presencia real */
.nav-inner { min-height:88px; }
.logo { display:flex;align-items:center;flex-shrink:0; }
.logo img.brand-logo, .footer .logo img.brand-logo { display:block; width:164px; max-width:none; height:auto; max-height:81px; object-fit:contain; }
.navbar.scrolled .logo img.brand-logo { width:158px; }
.nav-links a { font-size:.76rem;letter-spacing:.055em; }

/* Jerarquía tipográfica consistente con la plantilla madre */
.eyebrow { font-size:.7rem; font-weight:800; letter-spacing:.16em; }
.section-title { font-size:clamp(2rem,3.8vw,3.85rem); line-height:1.08; letter-spacing:-.06em; }

/* Galería: se mantiene el módulo gallery-strip de Mar Alta, extendido a carrusel. */
.gallery-section.gallery-strip { padding:36px 0 92px; }
.gallery-section .gallery-intro { margin-bottom:29px; align-items:flex-end; gap:18px; }
.gallery-section .gallery-intro .eyebrow { margin-bottom:12px; }
.gallery-section .gallery-intro .section-title { font-size:clamp(1.8rem,3.35vw,3.2rem);letter-spacing:-.055em;line-height:1.12;max-width:620px; }
.gallery-section .gallery-intro p { font-size:.9rem;line-height:1.6;max-width:260px;color:var(--muted); }
.gallery-section .photo-slider { overflow:hidden; position:relative; background:transparent; }
.gallery-section .photo-track { gap:14px; transition:transform .46s cubic-bezier(.2,.65,.15,1); }
.gallery-section .photo-slide { flex:0 0 calc((100% - 42px)/4);aspect-ratio:auto;overflow:visible;margin:0;position:relative;background:transparent; }
.gallery-section .photo-slide img { display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover; transition:transform .3s; background:#dbe4e4; }
.gallery-section .photo-slide figcaption { position:static;inset:auto;padding:13px 1px 0;color:var(--dark);background:none;font-size:.75rem;line-height:1.4;font-weight:700;letter-spacing:.02em; }
.gallery-section .slider-arrow { display:grid;place-items:center;width:42px;height:42px;top:calc((100% - 29px)/2 - 9px);border-radius:0;background:#fff;color:var(--dark);box-shadow:0 4px 24px rgba(12,34,54,.16); }
.gallery-section .slider-arrow svg { width:23px;height:23px;display:block; }
.gallery-section .slider-prev { left:0; }.gallery-section .slider-next{right:0;}
.gallery-section .slider-arrow:hover,.gallery-section .slider-arrow:focus-visible { background:var(--dark);color:#fff; }
.gallery-section .slider-footer { padding-top:4px; margin-top:18px; }
.gallery-section .slider-dot {width:19px;height:2px;background:#bdcdca;}
.gallery-section .slider-dot[aria-current=true]{background:var(--dark);height:3px;}
.gallery-section .slider-count { white-space:nowrap;font-size:.7rem; }

/* Equipamientos: iconografía lineal, uniforme, misma estructura SVG que Mar Alta. */
#equipamientos .amenities-head { max-width:680px;margin-bottom:39px; }
#equipamientos .amenities-head .section-title { font-size:clamp(2.2rem,3.85vw,3.75rem); }
#equipamientos .amenities-head .section-text {max-width:590px;margin-inline:auto;}
#equipamientos .amenities-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px; }
#equipamientos .amenity { display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:211px;padding:23px 19px;background:#fff;border:1px solid rgba(42,63,84,.08);box-shadow:none;transition:border-color .2s,transform .2s; }
#equipamientos .amenity:hover { transform:translateY(-3px);border-color:rgba(42,63,84,.23);box-shadow:none; }
#equipamientos .amenity-icon { display:grid;place-items:center;margin:0 0 23px;width:51px;height:51px;background:#f0f4f2;border:1px solid #dce5e1;color:#2A3F54;flex-shrink:0; }
#equipamientos .amenity-icon .icon-svg { width:28px;height:28px;display:block;stroke:currentColor;stroke-width:1.65px;fill:none; }
#equipamientos .amenity h3 {font-size:.92rem;line-height:1.26;letter-spacing:-.018em;font-weight:800;margin:0 0 8px;}
#equipamientos .amenity p {font-size:.78rem;line-height:1.55;color:var(--muted);margin:0;}

/* Tipologías: mismas tarjetas y composición de Mar Alta, no un segundo hero. */
#viviendas.plans { padding:86px 0 95px;background:#2A3F54; }
#viviendas .plans-head { max-width:820px;margin:0 auto 38px; }
#viviendas .plans-head .eyebrow {color:#d5e3df;margin-bottom:13px;}
#viviendas .plans-head .section-title {font-size:clamp(2.15rem,3.85vw,3.95rem);letter-spacing:-.065em;line-height:1.07;margin:0 auto 17px;max-width:790px;}
#viviendas .plans-head .section-text {font-size:.99rem;line-height:1.72;color:rgba(255,255,255,.76);max-width:710px;margin-inline:auto;}
#viviendas .plans-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:970px;gap:22px;margin:0 auto;}
#viviendas .plan-card { min-height:390px;padding:29px;overflow:hidden; }
#viviendas .plan-card:after { background:linear-gradient(180deg,rgba(22,42,58,.03) 12%,rgba(19,39,55,.76) 68%,rgba(17,35,50,.94) 100%); }
#viviendas .plan-content {max-width:440px;}
#viviendas .plan-content small { color:#e2eae6;font-size:.69rem;letter-spacing:.14em;margin-bottom:11px; }
#viviendas .plan-content h3 { font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.045em;margin-bottom:11px;max-width:400px; }
#viviendas .plan-content p {font-size:.96rem;color:#f0f3f3;margin:0 0 18px;}
#viviendas .plan-content strong {font-size:1.04rem;color:#fff;}
#viviendas .plan-content .btn {font-size:.73rem;padding:13px 19px;letter-spacing:.08em;background:#fff;color:var(--dark);border:1px solid #fff;}
#viviendas .plan-content .btn:hover {background:#e4ebe8;border-color:#e4ebe8;color:var(--dark);}

@media(max-width:1040px){
 #equipamientos .amenities-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 .gallery-section .photo-slide{flex-basis:calc((100% - 28px)/3);}
}
@media(max-width:760px){
 .nav-inner{min-height:76px;}
 .logo img.brand-logo,.footer .logo img.brand-logo {width:132px;height:auto;max-height:67px;}
 .navbar.scrolled .logo img.brand-logo{width:128px;}
 .gallery-section.gallery-strip{padding:16px 0 62px;}
 .gallery-section .gallery-intro{align-items:flex-start;flex-direction:column;gap:12px;}
 .gallery-section .gallery-intro .section-title{font-size:clamp(1.8rem,5vw,2.6rem);}
 .gallery-section .gallery-intro p{max-width:480px;}
 .gallery-section .photo-slide{flex-basis:calc((100% - 14px)/2);}
 #equipamientos .amenities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
 #equipamientos .amenity{min-height:196px;padding:20px 16px;}
 #viviendas.plans{padding:64px 0 72px;}
 #viviendas .plans-head .section-title{font-size:clamp(2.1rem,6vw,3rem);}
 #viviendas .plans-grid{grid-template-columns:1fr;max-width:520px;}
 #viviendas .plan-card{min-height:365px;}
}
@media(max-width:480px){
 .logo img.brand-logo,.footer .logo img.brand-logo{width:122px;height:auto;max-height:61px;}
 .gallery-section .photo-slide{flex-basis:100%;}
 .gallery-section .photo-slide img{aspect-ratio:1.32;}
 #equipamientos .amenity{padding:17px 13px;min-height:188px;}
 #equipamientos .amenity h3{font-size:.85rem;}
 #equipamientos .amenity-icon{width:46px;height:46px;margin-bottom:18px;}
 #viviendas .plans-head .section-title{font-size:2.1rem;}
 #viviendas .plan-card{min-height:340px;padding:24px;}
}