/* assets/css/styles.css */

/* Importar otros archivos CSS */
@import url('header.css');
@import url('inicio.css');
@import url('quienes_somos.css');
@import url('nuestros_productos.css');
@import url('colocacion_y_cuidados.css');
@import url('contacto.css');
@import url('footer.css');
@import url('mobile-viewport.css');

/* Definir fuentes personalizadas */
@font-face {
    font-family: 'Zing Rust Base';
    src: url('../fonts/zing-rust-base.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Definir Variables de Color */
:root {
    --color-negro: #4a4a4a;
    --color-verde: #70c747;
    --color-blanco: #fdfdfd;
    --color-crema: #f7f5ef;
    /* Puedes agregar más variables si es necesario */
}

/* Aplicar colores y fuentes generales */
body {
    color: var(--color-negro);
    background-color: var(--color-crema);
    font-family: 'Lato', sans-serif; /* Fuente predeterminada para el texto */
}

/* Espaciado uniforme entre secciones */
section {
    margin-bottom: 0;
}

section.py-5 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Reducir padding en móviles */
@media (max-width: 767.98px) {
    section.py-5 {
        padding-bottom: 20px !important;
    }
}

/* Aplicar Anton a todos los títulos */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Anton', sans-serif;
    color: var(--color-verde);
}

.subtitle {
    font-size: 1.3rem;
    color: var(--color-negro);
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
}

/* Aplicar Open Sans a subtítulos específicos si es necesario */
/* Por ejemplo, en secciones específicas */

/* Otros estilos generales pueden ir aquí */