/* =========================================================
   DORREGO TURISMO - CSS BASE
   Archivo: assets/css/dorrego.css
========================================================= */

:root {
    --dorrego-verde-principal: #3D5F1C;
    --dorrego-verde-profundo: #2B4216;
    --dorrego-verde-claro: #7EA63A;

    --dorrego-arena: #A08D6F;
    --dorrego-arena-claro: #D8CBB8;

    --dorrego-verde-salvia: #C6CCA0;

    --dorrego-fondo: #F3EFE3;
    --dorrego-fondo-claro: #FBFAF4;
    --dorrego-blanco: #FFFFFF;

    --dorrego-dorado-suave: #E8D8A8;
    --dorrego-celeste-suave: #9EC7D6;

    --dorrego-gris-oscuro: #333333;
    --dorrego-texto: #263024;
    --dorrego-texto-suave: #667066;

    --dorrego-borde: rgba(51, 51, 51, 0.12);
    --dorrego-sombra: rgba(51, 51, 51, 0.12);
}

/* =========================================================
   RESET / BASE
========================================================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    min-height: 100%;
    background: var(--dorrego-fondo);
    overflow-x: hidden;
    font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body,
.dorrego-home,
.dorrego-home * {
    font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.dorrego-home {
    min-height: 100vh;
    background: var(--dorrego-fondo);
    color: var(--dorrego-texto);
    overflow: hidden;
}

.dorrego-home * {
    box-sizing: border-box;
}

.dorrego-home a {
    color: inherit;
    text-decoration: none !important;
}

.dorrego-wrap {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
}

/* =========================================================
   OCULTAR HEADER / FOOTER DE ASTRA EN PLANTILLAS PROPIAS
========================================================= */

.site-header,
#masthead,
.main-header-bar,
.ast-primary-header-bar,
.ast-mobile-header-wrap,
.ast-desktop-header-content,
.main-navigation,
.ast-builder-menu,
.site-footer,
#colophon {
    display: none !important;
}

/* =========================================================
   RESPONSIVE BASE
========================================================= */

@media (max-width: 768px) {
    .dorrego-wrap {
        width: calc(100% - 28px);
    }
}