/* Adaptación conservadora: estructura, carrusel y componentes originales. */
:root{--color-bg-dark:#193e39;--color-bg-charcoal:#244b43;--color-bg-ivory:#faf7f0;--color-bg-warm:#f1ece1;--color-gold:#c8a76c;--color-gold-hover:#b28c4d;--color-text-gold:#88662d;--color-border-subtle:#e5dfd2}
.preview-notice{padding:8px 20px;text-align:center;background:#e8dfce;color:#423a2d;font:11px/1.5 Arial,sans-serif}.brand-sub{letter-spacing:.15em!important}.hero-content h1{max-width:760px}.footer-pending-tag{font-size:12px}@media(max-width:480px){.brand-sub{font-size:8px!important}.preview-notice{font-size:10px}}

.product-card-img {object-fit:contain;}

/* Seamless equal-width ribbon halves; no hover pause. */
.marquee-track{flex-shrink:0;gap:0;animation-duration:var(--marquee-duration,32s)}
.marquee-group{flex:0 0 auto;min-width:max-content}
.ocean-interlude{padding:90px 0;background:linear-gradient(90deg,rgba(12,41,38,.82),rgba(12,41,38,.32)),url('../assets/images/costa-almarea.jpg') center 55%/cover no-repeat;color:#fff}
.ocean-interlude h2{color:#fff;font-size:clamp(2rem,4vw,3.6rem);margin-bottom:20px}
.ocean-interlude .eyebrow{color:#ecd6ab}.ocean-interlude p{color:#fff;margin-bottom:25px}
.page-hero-bg img[src*="costa-almarea"]{object-position:center 57%}
@media(max-width:600px){.ocean-interlude{padding:65px 0;background-position:65% center}.page-hero-bg img[src*="costa-almarea"]{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}}

/* Marca reconstruida desde la referencia oficial; reemplazable por original. */
.site-logo .almarea-logo{display:block;width:190px;height:76px;object-fit:contain;max-width:100%;border-radius:3px}
.site-footer .site-logo .almarea-logo{width:260px;height:auto;padding:5px;background:#faf7f0}
.mobile-menu-header .site-logo .almarea-logo{width:190px;height:80px}
@media(max-width:480px){.site-logo .almarea-logo{width:148px;height:66px}.site-footer .site-logo .almarea-logo{width:230px;height:auto}}

/* Nosotros: composición editorial y tres bloques equilibrados. */
.almarea-about{padding-top:64px;padding-bottom:72px}
.about-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,5vw,76px);align-items:center}
.about-editorial-photo{margin:0;position:relative;overflow:hidden;border-radius:100px 8px 8px 8px;min-width:0;background:#193e39}
.about-editorial-photo>img{display:block;width:100%;height:470px;object-fit:cover;object-position:78% center}
.about-editorial-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 28px 28px;background:linear-gradient(transparent,rgba(10,35,30,.92));color:white;font:italic 25px/1.3 var(--font-serif)}
.about-editorial-photo figcaption span{display:block;font:10px/1.5 var(--font-sans);letter-spacing:.18em;margin-bottom:8px;color:#ead8b8}
.about-editorial-copy h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.08;margin-bottom:24px}.about-editorial-copy h2 em{color:#53776a;font-weight:400}
.about-editorial-copy p{margin-bottom:18px}.about-editorial-copy .eyebrow{font-size:11px}.about-signature{display:flex;align-items:center;gap:18px;margin:24px 0;font:italic 22px var(--font-serif);color:#376455}.about-signature i{color:#b48d48;font-size:12px}
.about-values-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:64px 0 25px}.about-values-heading h2{font-size:clamp(1.7rem,2.5vw,2.3rem)}.about-values-heading .eyebrow{margin:0}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.about-value{border:1px solid #e2dacb;background:#fffdf8;border-radius:8px;overflow:hidden;min-width:0}
.about-value-image{position:relative;overflow:hidden}.about-value-image img{display:block;width:100%;height:215px;object-fit:cover;transition:transform .4s}.about-value:hover img{transform:scale(1.035)}.about-value-image span{position:absolute;bottom:14px;left:18px;border:1px solid #e5d2ae;background:#193e39;color:#eed9b5;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:22px var(--font-serif)}
.about-value-copy{padding:26px}.about-value-copy h3{font-size:1.55rem;margin-bottom:12px}.about-value-copy p{font-size:.92rem;line-height:1.7;margin:0}
.about-contact-strip{margin-top:32px;background:#193e39;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:8px}.about-contact-strip h3{color:white;font-size:1.8rem;margin-bottom:8px}.about-contact-strip p{color:#e0e7e0;margin:0;font-size:.9rem}.about-contact-strip .eyebrow{color:#e3c58e;margin-bottom:10px}.about-contact-strip .btn{flex-shrink:0}
@media(max-width:900px){.about-editorial{gap:30px}.about-editorial-photo>img{height:440px}.about-values{gap:16px}.about-value-copy{padding:20px}.about-values-heading{display:block}.about-values-heading .eyebrow{margin-bottom:12px}}
@media(max-width:700px){.almarea-about{padding-top:36px;padding-bottom:40px}.about-editorial{grid-template-columns:1fr}.about-editorial-photo>img{height:330px}.about-editorial-photo{border-top-left-radius:65px}.about-editorial-copy h2{font-size:2.6rem}.about-values{grid-template-columns:1fr}.about-values-heading{margin-top:40px}.about-value-image img{height:240px}.about-contact-strip{flex-direction:column;align-items:flex-start;padding:25px}.about-contact-strip .btn{width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.about-value-image img{transition:none}.about-value:hover img{transform:none}}

/* Ubicación: mapa interactivo con carga diferida y acceso externo. */
.almarea-location{background:#eee9df;border-top:1px solid #dfd6c7}
.location-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:48px;align-items:center}
.location-copy h2{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:22px}.location-copy p{margin-bottom:20px;max-width:460px}.location-address strong{color:#193e39;font-weight:600}.location-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.location-map-wrap{min-width:0;border:1px solid #d7d0c2;border-radius:12px;overflow:hidden;background:#fffdf7;box-shadow:0 12px 30px rgba(25,62,57,.08)}
.location-map{display:block;width:100%;height:400px;border:0}.location-map-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0;padding:14px 18px;font-size:12px;color:#43594e}.location-map-caption a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.location-layout{grid-template-columns:1fr;gap:28px}.location-copy p{max-width:none}.location-map{height:340px}}
@media(max-width:400px){.location-actions{flex-direction:column}.location-actions .btn{width:100%;white-space:normal}.location-map{height:300px}}

/* Halo marino en categorías y productos, sin alterar sus dimensiones. */
:root{--almarea-sea-glow:#65c5d5;--almarea-sea-halo:rgba(81,185,204,.3)}
.category-card-item,
.product-card{transition:box-shadow .28s ease,border-color .28s ease,transform .28s ease}
@media(hover:hover) and (pointer:fine){
  .category-card-item:hover,
  .product-card:hover{
    border-color:var(--almarea-sea-glow);
    box-shadow:0 0 0 2px var(--almarea-sea-glow),0 0 24px var(--almarea-sea-halo),0 10px 24px rgba(25,62,57,.1);
  }
}
.category-card-item:focus-visible,
.product-card:focus-within{
  border-color:var(--almarea-sea-glow);
  box-shadow:0 0 0 2px var(--almarea-sea-glow),0 0 24px var(--almarea-sea-halo);
}
.category-card-item:focus-visible{outline:2px solid #236d7a;outline-offset:5px}
@media(prefers-reduced-motion:reduce){
  .category-card-item,.product-card{transition:none}
  .product-card:hover,.product-card:hover .card-image-wrap img{transform:none}
}

/* Fondos naturales de Contacto y Guía: costa velada y superficies legibles. */
.coastal-surface{
  background-color:#e7eee8;
  background-image:linear-gradient(115deg,rgba(240,233,217,.88),rgba(226,241,239,.76) 55%,rgba(249,246,238,.88)),url('../assets/images/costa-almarea.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-top:1px solid rgba(89,140,140,.16);
  border-bottom:1px solid rgba(89,140,140,.16);
}
.coastal-surface--care{
  background-image:linear-gradient(100deg,rgba(219,239,238,.74),rgba(248,243,232,.92) 48%,rgba(223,237,232,.78)),url('../assets/images/costa-almarea.jpg');
  background-position:65% center;
}
.coastal-surface .contact-form-card,
.coastal-surface .guide-card{
  background:#fffdf8;
  border-color:#d3dfd7;
  border-top:3px solid #79b9be;
  box-shadow:0 16px 45px rgba(25,62,57,.10),0 2px 6px rgba(25,62,57,.04);
}
.coastal-surface .faq-item{background:#fffdf8;border-color:#d3dfd7;box-shadow:0 5px 18px rgba(25,62,57,.05)}
.coastal-surface .material-item{background:linear-gradient(140deg,#fffefa,#edf5f2);border-color:#cfdfda}
.coastal-surface .material-item:nth-child(even){background:linear-gradient(140deg,#fffefa,#f4ecdc);border-color:#dfd6c4}
@media(max-width:700px){
  .coastal-surface{background-position:65% center}
  .coastal-surface .contact-form-card,.coastal-surface .guide-card{box-shadow:0 8px 24px rgba(25,62,57,.09)}
}