/* Modern CSS Reset */

/* 1. Usar un modelo de caja más intuitivo */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 2. Eliminar márgenes por defecto */
* {
    margin: 0;
    padding: 0;
}

/* 3. Altura completa para html y body */
html, body {
    height: 100%;
}

/* 4. Tipografía base profesional y suavizado de texto */
body {
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
    color: #1a1a1a;
    background-color: #ffffff;
}

/* 5. Mejoras para elementos multimedia */
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

/* 6. Herencia de fuentes para formularios */
input, button, textarea, select {
    font: inherit;
}

/* 7. Evitar desbordamiento de texto */
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* 8. Quitar estilos de lista por defecto (común en menús) */
ul, ol {
    list-style: none;
}

/* 9. Enlaces limpios por defecto */
a {
    text-decoration: none;
    color: inherit;
}

/* --- Layout --- */

.container {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}