/* hero-carousel.css — Carrusel de hero para home y hubs (WattSaver 2026-11-07) */

/* Home: capas de fondo */
.hero-main .hero-bg{opacity:0;transition:opacity .9s ease}
.hero-main .hero-bg.is-active{opacity:1}

/* Hubs: hero fotográfico */
.silo-hero.ws-hero{
  position:relative;overflow:hidden;padding:0 !important;min-height:380px;
  display:flex;align-items:flex-end;background:#0B3D24 !important;
  border:1px solid #D2E0D7 !important;box-shadow:0 10px 30px rgba(18,101,60,.15) !important;
}
.ws-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.ws-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.ws-hero-media img.is-active{opacity:1}
.ws-hero-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,30,18,.22) 0%,rgba(6,30,18,.70) 62%,rgba(6,30,18,.93) 100%);
}
.ws-hero-content{position:relative;z-index:2;padding:34px 30px;max-width:940px}
.silo-hero.ws-hero h1{color:#fff !important;font-size:clamp(22px,2.6vw,34px) !important;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.silo-hero.ws-hero .silo-intro{color:#E7EFEA !important;max-width:780px}
.silo-hero.ws-hero .slide-tag{background:rgba(16,185,129,.16) !important;color:#A7F3D0 !important;border-color:rgba(16,185,129,.45) !important}
.silo-hero.ws-hero .pill-item{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.28) !important;color:#F3F6F4 !important}

/* Controles compartidos */
.ws-hero-controls{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:10px;z-index:4}
.ws-hero-dots{display:flex;gap:7px;align-items:center}
.ws-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.42);border:0;padding:0;cursor:pointer;transition:width .2s,background .2s}
.ws-dot.is-active{background:#10B981;width:22px;border-radius:99px}
.ws-hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;
  background:rgba(6,30,18,.55);color:#fff;border:1px solid rgba(255,255,255,.25);
  font-size:20px;line-height:1;cursor:pointer;z-index:4;display:grid;place-items:center;
  transition:background .18s;
}
.ws-hero-arrow:hover{background:rgba(16,185,129,.85)}
.ws-prev{left:12px}.ws-next{right:12px}

@media (max-width:640px){
  .ws-hero-arrow{display:none}
  .silo-hero.ws-hero{min-height:460px}
  .ws-hero-content{padding:22px 18px}
  .ws-hero-arrow{width:30px;height:30px;font-size:16px}
  .ws-hero-controls{right:10px;bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  .hero-main .hero-bg,.ws-hero-media img{transition:none}
}

/* Logo del header +10% (40 -> 44 px) */
.brand-mark{width:44px !important;height:44px !important;max-width:44px !important}
.brand-logo-img{max-height:44px !important}