/* Portada: cinco fotografías originales, unidas con cortes diagonales.
   Se reutilizan las mismas imágenes de las tarjetas de actividades. */
.hero.club-hero-collage,
.cnla-design .hero.club-hero-collage{position:relative;isolation:isolate;overflow:hidden;background:#073443;padding:112px 0 100px}
.club-hero-photos{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.club-hero-photo{position:absolute;top:0;bottom:0;width:calc(26% + 1px);clip-path:polygon(23.077% 0,100% 0,76.923% 100%,0 100%);background:#175b71}
.club-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.club-hero-nautica{left:-3%;clip-path:polygon(0 0,100% 0,76.923% 100%,0 100%)}
.club-hero-nautica img{object-position:53% 50%}
.club-hero-natacion{left:17%}
.club-hero-natacion img{object-position:69% 55%}
.club-hero-pesca{left:37%}
.club-hero-pesca img{object-position:66% 50%}
.club-hero-kayak{left:57%}
.club-hero-kayak img{object-position:68% 52%}
.club-hero-sociales{left:77%;clip-path:polygon(23.077% 0,100% 0,100% 100%,0 100%)}
.club-hero-sociales img{object-position:67% 50%}
.club-hero-photos::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,41,.79),rgba(3,29,41,.65) 52%,rgba(3,29,41,.36)),linear-gradient(0deg,rgba(3,29,41,.5),transparent 72%)}
.club-hero-collage .hero-grid{position:relative;z-index:1;display:block}
.club-hero-collage .hero-grid>div{max-width:720px}
.hero.club-hero-collage h1,
.cnla-design .hero.club-hero-collage h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.hero.club-hero-collage .eyebrow{color:#baeff4}
.hero.club-hero-collage p{color:#f1f7fa}
.hero.club-hero-collage .hero-actions .primary{background:#fff;color:#0b4f6c;border-color:#fff}
.hero.club-hero-collage .hero-actions .secondary{background:#073b4e;color:#fff;border-color:#c3dfe8}
.hero.club-hero-collage .hero-actions .primary:hover{background:#e4f5fa;border-color:#e4f5fa}
.hero.club-hero-collage .hero-actions .secondary:hover{background:#0b4f6c}
.hero.club-hero-collage a:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #073443}
@media(max-width:800px){
 .hero.club-hero-collage,
 .cnla-design .hero.club-hero-collage{padding:218px 0 44px}
 .club-hero-photos{height:310px}
 .club-hero-photos::after{background:linear-gradient(0deg,#073443 0%,rgba(7,52,67,.86) 18%,rgba(7,52,67,.22) 64%,rgba(7,52,67,.08))}
}
@media(max-width:520px){
 .hero.club-hero-collage,
 .cnla-design .hero.club-hero-collage{padding:156px 0 40px}
 .club-hero-photos{height:228px}
 .hero.club-hero-collage .hero-grid{width:calc(100% - 40px)}
 .hero.club-hero-collage .eyebrow{font-size:10px;letter-spacing:1.5px}
 .hero.club-hero-collage h1,
 .cnla-design .hero.club-hero-collage h1{font-size:clamp(32px,9vw,42px);line-height:1.1}
 .hero.club-hero-collage .hero-actions{gap:10px}
 .hero.club-hero-collage .hero-actions a{flex:1 1 140px;text-align:center}
}
@media print{
 .club-hero-photos{display:none}
 .hero.club-hero-collage,
 .cnla-design .hero.club-hero-collage{background:#fff;padding:24px 0}
 .hero.club-hero-collage :is(h1,p,.eyebrow){color:#163b4b!important;text-shadow:none}
}