/* ===============================================
   NORMALIZADOR UNIVERSAL COMPATIBLE (SAFE RESET)
   =============================================== */

/* Box model unificado */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Eliminación de márgenes inconsistentes entre navegadores */
body, h1, h2, h3, h4, h5, h6,
p, ul, ol, li,
figure, figcaption, blockquote, dl, dd {
    margin: 0;
    padding: 0;
}

/* Establece una escala consistente entre Safari / Chrome */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Asegura que las imágenes no deformen layouts */
img, picture, video, canvas {
    max-width: 100%;
    display: block;
}

/* Quita estilos por defecto de inputs */
input, button, textarea, select {
    font: inherit;
    margin: 0;
}

/* Evita zoom automático en iOS al hacer focus */
input[type="text"], input[type="number"], input[type="email"],
select, textarea {
    font-size: 16px;
}

/* Evita que Safari agregue padding fantasma */
button, input {
    background: none;
    border: none;
}

/* Enlaces sin decoraciones por defecto */
a {
    color: inherit;
    text-decoration: none;
}

/* Quita inconsistencias de scrollbar */
body {
    line-height: 1.4;
}

/* Mejora render en pantallas retina/móviles */
body, html {
    -webkit-font-smoothing: antialiased;
}