/* ===== Biéri Pools · Imagen 2027 · "Por un agua siempre viva" ===== */
:root{
  --bp-carbon:#121212; --bp-carbon-2:#1b1b1b; --bp-carbon-3:#242424;
  --bp-teal:#6AA0A3; --bp-teal-light:#8FC3C5; --bp-ivory:#F4F1EA; --bp-gray:#B9B9B4;
  --bp-serif:'Cormorant Garamond',Georgia,serif; --bp-sans:'Inter','Segoe UI',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--bp-carbon)!important;color:var(--bp-ivory)!important;font-family:var(--bp-sans)!important;font-weight:300;letter-spacing:.01em}
h1,h2,h3{font-family:var(--bp-serif)!important;font-weight:500!important;color:var(--bp-ivory)!important;letter-spacing:.01em}
h4{font-family:var(--bp-sans)!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem!important;color:var(--bp-teal)!important}
p,li{color:var(--bp-gray)}
a{transition:color .25s ease}

/* Encabezado */
header{background:rgba(18,18,18,.92)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(106,160,163,.25)!important;box-shadow:none!important;padding-top:14px!important;padding-bottom:14px!important}
header .logo img{height:58px!important;width:auto!important}
header nav a,#nav-list a{color:var(--bp-ivory)!important;font-family:var(--bp-sans)!important;font-weight:400!important;font-size:.82rem!important;text-transform:uppercase;letter-spacing:.16em}
header nav a:hover,#nav-list a:hover,#nav-list a.active{color:var(--bp-teal-light)!important}
.menu-toggle,.menu-toggle i{color:var(--bp-ivory)!important;background:transparent!important}
@media (max-width:900px){header .logo img{height:44px!important} #nav-list{background:var(--bp-carbon)!important}}

/* Video principal */
.hero-video-container{position:relative}
.hero-video-container::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,18,.15) 0%,rgba(18,18,18,0) 55%,var(--bp-carbon) 100%);pointer-events:none}

/* Secciones */
section{background:transparent!important}
#features,#clientes{background:var(--bp-carbon)!important}
#collections-preview{background:var(--bp-carbon-2)!important}
.section-title h1,.section-title h2{font-size:clamp(2rem,4vw,3.1rem)!important;line-height:1.15!important}
.section-title h2::after,.section-title h1::after{content:"";display:block;width:56px;height:1px;background:var(--bp-teal);margin:18px auto 0}
.section-title p{color:var(--bp-gray)!important;font-size:1.02rem}

/* Tarjetas */
.feature-card,.card{background:var(--bp-carbon-3)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:4px!important;box-shadow:0 20px 40px rgba(0,0,0,.35)!important;transition:transform .35s ease,border-color .35s ease}
.feature-card:hover,.card:hover{transform:translateY(-6px);border-color:rgba(106,160,163,.55)!important}
.feature-card i,.feature-card svg{color:var(--bp-teal)!important}
.feature-card h3,.card h3{font-size:1.6rem!important}
.card img{filter:saturate(1.05) contrast(1.03)}

/* Botones */
.btn,a.btn,button.btn{background:transparent!important;color:var(--bp-ivory)!important;border:1px solid var(--bp-teal)!important;border-radius:0!important;padding:14px 34px!important;font-family:var(--bp-sans)!important;font-weight:500!important;font-size:.78rem!important;text-transform:uppercase;letter-spacing:.22em;box-shadow:none!important}
.btn:hover,a.btn:hover{background:var(--bp-teal)!important;color:var(--bp-carbon)!important}

/* Clientes */
.logo-slider-container{background:transparent!important}
.logo-slider-container::before,.logo-slider-container::after{background:linear-gradient(to right,var(--bp-carbon) 0%,rgba(18,18,18,0) 100%)!important}
.logo-slider-container::after{background:linear-gradient(to left,var(--bp-carbon) 0%,rgba(18,18,18,0) 100%)!important}
.logo-slider-track img{background:#F4F1EA;border-radius:6px;padding:10px 14px;filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s}
.logo-slider-track img:hover{filter:none;opacity:1}
#grupo-vivandi a,main a:not(.btn),section p a{color:var(--bp-teal-light)!important;text-decoration:none;border-bottom:1px solid rgba(143,195,197,.4)}

/* Grupo Vivandi y llamado a la acción */
#grupo-vivandi{background:var(--bp-carbon-2)!important;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.cta-banner{background:radial-gradient(ellipse at 50% 0%,rgba(106,160,163,.28) 0%,rgba(18,18,18,0) 65%),var(--bp-carbon)!important}
.cta-banner h2{font-size:clamp(2rem,4.2vw,3.2rem)!important}
.bp-lema{display:block;font-family:var(--bp-sans);text-transform:uppercase;letter-spacing:.32em;font-size:.72rem;color:var(--bp-teal);margin-bottom:14px}

/* Formularios (contacto) */
input,textarea,select{background:var(--bp-carbon-3)!important;color:var(--bp-ivory)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:2px!important}
input:focus,textarea:focus,select:focus{border-color:var(--bp-teal)!important;outline:none}
label{color:var(--bp-gray)!important}

/* Pie de página */
footer{background:#0c0c0c!important;border-top:1px solid rgba(106,160,163,.25)}
footer a{color:var(--bp-gray)!important}
footer a:hover{color:var(--bp-teal-light)!important}
footer .copyright{border-top:1px solid rgba(255,255,255,.06)!important;color:#7d7d78!important}
.bp-footer-brand{text-align:center;padding:42px 20px 10px}
.bp-footer-brand img{height:64px;width:auto;opacity:.95}
.bp-social{display:flex;justify-content:center;gap:14px;margin:22px 0 6px}
.bp-social a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(106,160,163,.5);border-radius:50%;color:var(--bp-ivory)!important;font-size:1rem}
.bp-social a:hover{background:var(--bp-teal);color:var(--bp-carbon)!important;border-color:var(--bp-teal)}
.bp-social-handle{text-align:center;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#7d7d78}

/* WhatsApp flotante */
.whatsapp-float-btn{box-shadow:0 10px 30px rgba(0,0,0,.45)!important}
footer i{color:var(--bp-teal)!important}
.bp-social a i{color:inherit!important}
/* Páginas internas */
.contact-info-card,.contact-form-card,.service-item,.process-card,.app-promo,.about-intro,.card-content{background:var(--bp-carbon-3)!important;color:var(--bp-ivory)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:4px!important;box-shadow:0 20px 40px rgba(0,0,0,.35)!important}
.contact-info-card *,.contact-form-card *,.service-item *,.process-card *,.app-promo *,.card-content *,.about-intro *{color:inherit}
.contact-info-card h2,.contact-info-card h3,.contact-form-card h2,.contact-form-card h3,.service-details h3,.process-card h3,.card-content h3{color:var(--bp-ivory)!important}
.contact-info-card p,.contact-info-card li,.contact-form-card p,.service-details p,.process-card p,.card-content p,.coverage-list li{color:var(--bp-gray)!important}
.service-icon,.service-icon i,.contact-info-card i{color:var(--bp-teal)!important}
.process-number{background:transparent!important;color:var(--bp-teal)!important;border:1px solid var(--bp-teal)!important;font-family:var(--bp-serif)!important}
.btn-submit,.btn-cta{background:transparent!important;color:var(--bp-ivory)!important;border:1px solid var(--bp-teal)!important;border-radius:0!important;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem!important;padding:14px 34px!important}
.btn-submit:hover,.btn-cta:hover{background:var(--bp-teal)!important;color:var(--bp-carbon)!important}
.cta-container{background:radial-gradient(ellipse at 50% 0%,rgba(106,160,163,.25) 0%,rgba(18,18,18,0) 65%),var(--bp-carbon-2)!important}