/* =========================================
   PAGE-INICIO — Portada / Homepage
   ========================================= */

.inicio {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.inicio__titulo {
    font-family: var(--tipografia-titulos);
    font-size: var(--tamanio-h1);
    font-weight: 700;
    color: var(--color-primario);
    padding-bottom: 20px;
    border-bottom: 2px solid var(--color-borde);
    margin-bottom: 30px;
}

.inicio__contenido {
    font-family: var(--tipografia-base);
    font-size: var(--tamanio-base);
    color: var(--color-texto);
    line-height: 1.7;
}

.inicio__contenido p {
    margin-bottom: 1.25rem;
}

.inicio__contenido .wp-block-image.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.inicio__contenido .wp-block-image.alignfull img {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================
   MOBILE (≤ 800px)
   ========================================= */

@media (max-width: 800px) {
    /* Empuja el banner por debajo de la cabecera fija (64px) */
    .inicio__banner {
        margin-top: 64px;
    }

    /* El banner ya hace de separador; solo necesitamos los márgenes laterales */
    .inicio {
        box-sizing: border-box;
        padding: 0 10px;
    }
}