/* Portada Inicio v1.0.4 */
/* El bloque sale del contenedor de Hello/Elementor, conservando el mismo margen a ambos lados. */
.alua-portada-inicio{
  width:calc(100vw - 48px) !important;
  max-width:1920px !important;
  position:relative;
  left:50%;
  margin:0 0 0 calc(-50vw + 24px) !important;
  padding:0 !important;
  box-sizing:border-box;
  background:#fff;
}
.alua-portada-inicio *{box-sizing:border-box}
.alua-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--alua-feature-gap,16px)}
/* Los destacados conservan la proporción real 1600 × 850, sin recortar. */
.alua-feature{position:relative;display:block;overflow:hidden;background:#fff;text-decoration:none;aspect-ratio:1600/850}
.alua-feature>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;transition:transform .45s ease}
.alua-feature:hover>img{transform:scale(1.012)}
.alua-feature-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(78%,420px);padding:25px 28px;background:var(--alua-overlay,#6F2DA8);color:#fff;text-align:center;line-height:1.12}
.alua-feature-overlay strong{display:block;font-weight:800;font-size:clamp(28px,2.2vw,48px);letter-spacing:-.02em}
.alua-feature-overlay span{display:block;margin-top:9px;font-size:16px}
.alua-feature-overlay em{display:inline-block;margin-top:16px;padding:10px 16px;background:#fff;color:#111;font-style:normal;font-weight:700;font-size:14px}
.alua-mini-banners{display:grid;grid-template-columns:repeat(var(--alua-mini-columns,3),minmax(0,1fr));gap:var(--alua-mini-gap,24px);margin-top:var(--alua-mini-gap,24px)}
.alua-mini-banner{display:block;overflow:hidden;background:#fff;text-decoration:none}
.alua-mini-banner img{display:block;width:100%;height:auto;aspect-ratio:900/380;object-fit:contain;background:#fff;transition:transform .3s ease}
.alua-mini-banner:hover img{transform:scale(1.012)}
.alua-portada-empty{margin:18px 0;padding:14px 16px;border:1px dashed #8b8b8b;background:#fafafa;font-size:14px}
.alua-portada-empty a{font-weight:700}

/* Limpieza específica de la portada con Hello Elementor y Elementor. */
html:has(body.alua-portada-home),
body.alua-portada-home,
body.alua-portada-home #page,
body.alua-portada-home .site,
body.alua-portada-home .site-content,
body.alua-portada-home #content,
body.alua-portada-home main,
body.alua-portada-home .site-main,
body.alua-portada-home article,
body.alua-portada-home .entry-content{background:#fff !important}
body.alua-portada-home .entry-header,
body.alua-portada-home .page-header,
body.alua-portada-home h1.entry-title,
body.alua-portada-home .entry-title,
body.alua-portada-home .page-title,
body.alua-portada-home .elementor-widget-theme-post-title{display:none !important}
/* En escritorio, la portada empieza prácticamente al terminar la cabecera. */
body.alua-portada-home .site-main,
body.alua-portada-home .site-main > article,
body.alua-portada-home .site-main > .page,
body.alua-portada-home .entry-content{margin-top:0 !important;padding-top:0 !important}

@media(max-width:767px){
  /* En móvil conserva aire visual bajo la cabecera y márgenes equilibrados. */
  .alua-portada-inicio{
    width:calc(100vw - 28px) !important;
    max-width:none !important;
    margin:16px 0 0 calc(-50vw + 14px) !important;
  }
  .alua-features{grid-template-columns:1fr;gap:14px}
  .alua-feature{aspect-ratio:1600/850}
  .alua-feature-overlay{padding:18px 20px}
  .alua-mini-banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
}
@media(max-width:420px){.alua-mini-banners{grid-template-columns:1fr}}