/*
Theme Name: Sirope PW Theme
Theme URI: 
Author: Sirope
Author URI: 
Description: Tema minimalista "Zero Bloat" para el HUB interno de la agencia.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agencia-passwords-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/



/* 1. Box sizing global y eliminación de márgenes */
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    /* Unificado para evitar sorpresas en listas y botones */
}

/* 2. Configuración del documento y animaciones */
html {
    color-scheme: light dark;
    /* Permite que el navegador adapte UI básica según el tema del OS */
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
        interpolate-size: allow-keywords;
        /* Habilita transiciones a 'auto' en height/width */
    }
}

/* 3. Body: Base tipográfica y renderizado */
body {
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 4. Multimedia: Comportamiento responsivo y centrado */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto;
    /* Evita distorsiones de aspecto */
}

/* 5. Formulación: Heredar fuentes y reset básico */
input,
button,
textarea,
select {
    font: inherit;
    color: inherit;
}

/* 6. Tipografía: Control de desbordamiento y legibilidad */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
    line-height: 1.1;
    /* Generalmente los headers necesitan menos interlineado que el cuerpo */
}

/* 7. Mejoras de interactividad y accesibilidad */
button {
    cursor: pointer;
    background: none;
    border: none;
}