/* COBOCE-F6G-I-RITMO-HERO: zoom y barra de progreso 4.8 s */
/* COBOCE R.L. — Hero propio, verde oficial #0C6943 */
.cbrl-hero{width:100%;max-width:none;isolation:isolate;color:#fff;background:#073b2b}
.cbrl-hero *{box-sizing:border-box}
.cbrl-hero .cbrl-hero-swiper{width:100%;height:clamp(490px,47vw,680px);overflow:hidden;position:relative}
.cbrl-hero .cbrl-hero-slide{position:relative;overflow:hidden;background:#073b2b;isolation:isolate}
.cbrl-hero .cbrl-hero-photo,.cbrl-hero .cbrl-hero-shade{position:absolute;inset:0}
.cbrl-hero .cbrl-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.005);will-change:transform}
.cbrl-hero .swiper-slide-active .cbrl-hero-photo img{animation:cbrl-zoom 4.8s linear both}
@keyframes cbrl-zoom{from{transform:scale(1.005)}to{transform:scale(1.035)}}
.cbrl-hero .cbrl-hero-shade{display:none!important}
.cbrl-hero .cbrl-hero-inner{position:relative;z-index:2;width:min(100% - 80px,1330px);height:100%;margin:0 auto;display:flex;align-items:center}
.cbrl-hero .cbrl-hero-copy{max-width:690px;padding:25px 0 60px;text-align:left;color:#fff}
.cbrl-hero .cbrl-hero-kicker{display:block;font-size:clamp(13px,1vw,17px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#a9edd0;margin-bottom:24px}
.cbrl-hero .cbrl-hero-heading{font-family:inherit;color:#fff!important;font-size:clamp(38px,4.35vw,76px);line-height:1.07;letter-spacing:-.035em;font-weight:800;margin:0 0 23px;text-wrap:balance}
.cbrl-hero .cbrl-hero-text{font-size:clamp(16px,1.35vw,21px);max-width:575px;line-height:1.55;color:#e3f0e9;margin:0 0 30px}
.cbrl-hero .cbrl-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:15px 25px;min-height:55px;border:1px solid #0C6943;border-radius:2px;background:#0C6943;color:#fff!important;font-size:15px;font-weight:800;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.14);transition:background .25s,transform .25s}
.cbrl-hero .cbrl-hero-cta:hover,.cbrl-hero .cbrl-hero-cta:focus-visible{background:#085434;border-color:#085434;transform:translateY(-2px);color:#fff!important}
.cbrl-hero .cbrl-hero-prev,.cbrl-hero .cbrl-hero-next{position:absolute;z-index:9;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:43px;height:52px;border:1px solid rgba(255,255,255,.45);background:rgba(4,43,29,.33);color:#fff;cursor:pointer;border-radius:3px;transition:background .2s}
.cbrl-hero .cbrl-hero-prev:hover,.cbrl-hero .cbrl-hero-next:hover{background:rgba(12,105,67,.83)}
.cbrl-hero .cbrl-hero-prev{left:13px}.cbrl-hero .cbrl-hero-next{right:13px}
.cbrl-hero .cbrl-hero-prev span,.cbrl-hero .cbrl-hero-next span{font:normal 35px/1 Arial,sans-serif}
.cbrl-hero .cbrl-hero-progress{z-index:8;position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.25)}
.cbrl-hero .cbrl-hero-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#b5edcf}
/* El progreso se inicia mediante clase JS del contenedor, no dentro de un slide. */
.cbrl-hero .cbrl-hero-swiper.cbrl-hero-playing .cbrl-hero-progress span{animation:cbrl-progress 4.8s linear forwards}
@keyframes cbrl-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cbrl-hero .cbrl-hero-pause{z-index:9;position:absolute;bottom:18px;right:22px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:34px;min-width:76px;padding:0 12px;border:1px solid rgba(255,255,255,.72);border-radius:4px;background:rgba(15,24,22,.55);color:#fff;cursor:pointer;font:600 12px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.01em;transition:background .2s,border-color .2s}
.cbrl-hero .swiper-slide .cbrl-hero-copy>*{opacity:0;transform:translateY(21px)}
.cbrl-hero .swiper-slide-active .cbrl-hero-copy>*{animation:cbrl-reveal .75s cubic-bezier(.2,.8,.2,1) forwards}
.cbrl-hero .swiper-slide-active .cbrl-hero-copy>*:nth-child(2){animation-delay:.13s}
.cbrl-hero .swiper-slide-active .cbrl-hero-copy>*:nth-child(3){animation-delay:.26s}
.cbrl-hero .swiper-slide-active .cbrl-hero-copy>*:nth-child(4){animation-delay:.39s}
@keyframes cbrl-reveal{to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.cbrl-hero .cbrl-hero-inner{width:min(100% - 70px,680px)}.cbrl-hero .cbrl-hero-swiper{height:540px}.cbrl-hero .cbrl-hero-heading{font-size:clamp(36px,6vw,52px)}.cbrl-hero .cbrl-hero-prev,.cbrl-hero .cbrl-hero-next{width:30px;height:44px}}
@media(max-width:540px){.cbrl-hero .cbrl-hero-swiper{height:535px}.cbrl-hero .cbrl-hero-inner{width:calc(100% - 42px)}.cbrl-hero .cbrl-hero-copy{padding:0 6px 35px}.cbrl-hero .cbrl-hero-heading{font-size:clamp(32px,9vw,43px)}.cbrl-hero .cbrl-hero-kicker{letter-spacing:.12em;margin-bottom:17px}.cbrl-hero .cbrl-hero-text{font-size:16px}.cbrl-hero .cbrl-hero-prev,.cbrl-hero .cbrl-hero-next{top:auto;bottom:18px;transform:none;width:35px;height:35px}.cbrl-hero .cbrl-hero-prev{left:16px}.cbrl-hero .cbrl-hero-next{left:57px;right:auto}.cbrl-hero .cbrl-hero-pause{right:16px}}
@media(prefers-reduced-motion:reduce){.cbrl-hero .swiper-slide-active .cbrl-hero-photo img,.cbrl-hero .cbrl-hero-swiper.cbrl-hero-playing .cbrl-hero-progress span{animation:none!important}.cbrl-hero .swiper-slide .cbrl-hero-copy>*{opacity:1;transform:none;animation:none!important}.cbrl-hero .cbrl-hero-cta{transition:none}}

/* COBOCE-F6C-R3-SIN-DEGRADE: fotografia 100% visible; texto accesible */
.cbrl-hero .cbrl-hero-heading,
.cbrl-hero .cbrl-hero-kicker,
.cbrl-hero .cbrl-hero-text {
  color: #fff!important;
  text-shadow: 0 2px 3px rgba(0,0,0,.92), 0 4px 12px rgba(0,0,0,.78), 0 0 2px rgba(0,0,0,.90);
}
.cbrl-hero .cbrl-hero-cta span[aria-hidden="true"] { display:none!important; }

/* COBOCE-F6C-R4: imagen sin overlay, JPEG calidad 94, zoom sutil y tipografía legible. */

/* COBOCE-F6C-R5-LEGIBILIDAD: letras claras sobre fotografia natural y pausa accesible. */
.cbrl-hero .cbrl-hero-heading {
  -webkit-text-stroke: .4px rgba(0,0,0,.38);
}
.cbrl-hero .cbrl-hero-pause span { display:none; }
.cbrl-hero .cbrl-hero-pause::after { content:"Pausar"; }
.cbrl-hero .cbrl-hero-pause[aria-pressed="true"]::after { content:"Reanudar"; }
.cbrl-hero .cbrl-hero-pause:hover { background:rgba(15,24,22,.76); }
.cbrl-hero .cbrl-hero-pause:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.cbrl-hero .cbrl-hero-pause:disabled { display:none; }