/* global.css */

/* ─────────────────────────────────────────────────────────────────
   ESTILOS BASE DE ETIQUETAS
   ───────────────────────────────────────────────────────────────── */
body {
    background-color: var(--hybinet-color-bg-primary);
    color: var(--hybinet-color-text-primary);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

a {
    color: var(--hybinet-color-link-default);
    text-decoration: none;
    transition: color var(--hybinet-transition-fast);
}

a:hover {
    color: var(--hybinet-color-link-hover);
}

/* ─────────────────────────────────────────────────────────────────
   SISTEMA DE CONTENEDORES (MODELO B)
   ───────────────────────────────────────────────────────────────── */

/* 1. CONTENEDOR PRIMARIO (El Parachoques lateral) */
.hybinet-wrapper {
    box-sizing: border-box;
    padding-left: var(--hybinet-spacing-x, 1.25rem);
    padding-right: var(--hybinet-spacing-x, 1.25rem);
    width: 100%;
}

/* 2. CONTENEDOR SECUNDARIO (El Lienzo) */
.hybinet-container {
    max-width: var(--hybinet-max-width, 1440px);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* 3. UTILIDAD: Espaciado Vertical (Top/Bottom) */
.hybinet-y-spacing {
    padding-top: var(--hybinet-spacing-y, 40px);
    padding-bottom: var(--hybinet-spacing-y, 40px);
}

/* ─────────────────────────────────────────────────────────────────
   RESET ESTRUCTURAL (GeneratePress overrides)
   Neutralizamos los contenedores nativos de GP para tener control total
   ───────────────────────────────────────────────────────────────── */
#page.site.grid-container {
    max-width: 100%;
    padding: 0;
}

.site-content {
    padding: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────
   MAIN — Cáscara del contenido (page.php, single.php, archive.php)
   Solo provee el fondo y el espacio. El layout lo hace GenerateBlocks.
   ───────────────────────────────────────────────────────────────── */
.hybinet-main {
    background-color: var(--hybinet-color-bg-primary);
    flex: 1 0 auto;
    /* Empuja el footer hacia abajo (sticky footer) */
    min-height: 0;
}

/* ─────────────────────────────────────────────────────────────────
   RESPONSIVO ESTRUCTURAL
   ───────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .hybinet-y-spacing {
        padding-top: var(--hybinet-spacing-y-sm, 24px);
        padding-bottom: var(--hybinet-spacing-y-sm, 24px);
    }
}

@media (max-width: 768px) {
    .hybinet-y-spacing {
        padding-top: var(--hybinet-spacing-y-xs, 16px);
        padding-bottom: var(--hybinet-spacing-y-xs, 16px);
    }
}