/*
Theme Name: Kostüm 2026 Premium
Author: Gemini AI & Tu Nombre
Description: Portafolio editorial de alto nivel inspirado en Ann Foley.
Version: 1.1
*/

/* VARIABLES MAESTRAS: Aquí definimos los colores y anchos globales */
:root {
    --negro-fondo: #000000;
    --blanco: #ffffff;
    --rosa-mexicano: #ff007a;
    --ancho-sidebar: 280px; /* El ancho que ocupará el menú lateral */
    --fuente-principal: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* RESETEO BÁSICO: Limpiamos los márgenes que WordPress trae por defecto */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--negro-fondo);
    color: var(--blanco);
    font-family: var(--fuente-principal);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased; /* Hace que la letra se vea más nítida */
}

/* EL ÁREA DE CONTENIDO: La habitación de la derecha */
/* Esta regla es vital: empuja todo el contenido 280px a la derecha */
#main-content {
    margin-left: var(--ancho-sidebar);
    width: calc(100% - var(--ancho-sidebar));
    min-height: 100vh;
    position: relative;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* RESPONSIVE (Breakpoint): Para iPad y Móviles */
@media (max-width: 1024px) {
    #main-content {
        margin-left: 0; /* En móvil, el contenido ya no se empuja a la derecha */
        width: 100%;
        padding-top: 80px; /* Dejamos espacio para el menú que irá arriba */
    }
}