/* === SECCION DE GENEROS (tarjetas con imagen, estilo Omega) === */
  #generos{background:#fff;padding:clamp(6px,.8vw,12px) clamp(20px,5.9vw,140px) clamp(20px,2.4vw,40px);scroll-margin-top:calc(var(--header-h,90px) - 4px);}
  .gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3.5vw,48px);max-width:1500px;margin:0 auto;}
  .gen-tile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#dbe8f6;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent;}
  .gen-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease);}
  .gen-hombre img{object-position:60% 50%;}
  .gen-mujer img{object-position:38% 50%;}
  .gen-tile::after{content:'';position:absolute;left:0;right:0;bottom:0;height:62%;pointer-events:none;background:linear-gradient(to top,rgba(14,26,48,.58) 0%,rgba(14,26,48,.28) 55%,rgba(14,26,48,0) 100%);}
  .gen-info{position:absolute;z-index:2;left:clamp(22px,3vw,48px);right:20px;bottom:clamp(22px,3vw,44px);}
  .gen-titulo{font-family:var(--font-titulo);font-size:var(--fs-titulo);font-weight:800;letter-spacing:.01em;line-height:24px;text-transform:uppercase;margin-bottom:20px;}
  @media (min-width:821px){ .gen-titulo{font-size:clamp(22px,1.9vw,30px);line-height:1.1;margin-bottom:clamp(18px,1.6vw,24px);} }
  .gen-tile:focus-visible{outline:2px solid var(--black);outline-offset:3px;}
  .gen-tile:focus-visible .hero-btn{background:#fff;color:var(--black);}
  .gen-tile:active .hero-btn{background:#d4d4d8;border-color:#d4d4d8;color:var(--black);}
  @media (hover:hover){
    .gen-tile:hover img{transform:scale(1.04);}
    .gen-tile:hover .hero-btn{background:#fff;color:var(--black);}
  }
  .gen-todos{text-align:center;margin-top:clamp(30px,3.2vw,48px);}
  .gen-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
  .gen-reveal.in{opacity:1;transform:none;}
  .gen-grid .gen-reveal:nth-child(2){transition-delay:.12s;}
  @media (max-width:820px){
    .gen-grid{grid-template-columns:1fr;}
    .gen-tile{aspect-ratio:4/5;}
  }