/* ============================================================
   Castell III — estilos de cliente
   Tipografía: Playfair Display (títulos) + Montserrat (subtítulos)
   Botones: cuadrados, amarillo dorado (#c9a84c), texto negro
   Nav button: borde amarillo + fondo negro
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");

/* ── Variables de marca ── */
:root {
    --base-color:   #c9a84c;
    --alt-font:     "Playfair Display", serif;
    --primary-font: "Montserrat", sans-serif;
}

/* ── Tipografía global ── */
body {
    font-family: "Montserrat", sans-serif;
}

/* Títulos h1-h4 y clase .alt-font → Playfair Display (sin bold) */
h1, h2, h3, h4,
.alt-font {
    font-family: "Playfair Display", serif !important;
    font-weight: 400 !important;
}

/* Cursiva de títulos → Playfair Display Italic */
h1 em, h2 em, h3 em, h4 em,
.alt-font em {
    font-family: "Playfair Display", serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

/* Subtítulos h5-h6 → Montserrat */
h5, h6 {
    font-family: "Montserrat", sans-serif !important;
}

/* ── Hero ── */
@media (min-width: 576px) {
    .hero-bg {
        min-height: 100vh;
    }
}

.hero-content-col {
    padding-bottom: 60px;
}

@media (min-width: 992px) {
    .hero-content-col {
        padding-bottom: 0;
    }
}

/* Mobile: imagen en HTML determina la altura, sin ningún recorte */
@media (max-width: 575.98px) {
    .hero-bg,
    .hero-bg.cover-background {
        background-image: none !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }
    .hero-content-col {
        padding-bottom: 60px !important;
    }
}

/* ── Botones: cuadrados, Montserrat, una sola línea ── */
.btn,
.btn.btn-rounded,
.btn.btn-round-edge,
.btn.btn-round-edge-small {
    border-radius: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    white-space: nowrap;
}

/* Botón estándar: fondo amarillo + texto negro */
.btn.btn-base-color {
    background-color: #c9a84c !important;
    border-color: #c9a84c !important;
    color: #000000 !important;
}

.btn.btn-base-color:hover,
.btn.btn-base-color:active {
    background-color: #000000 !important;
    border-color: #c9a84c !important;
    color: #c9a84c !important;
}

/* Botón del nav: borde amarillo + fondo negro + hover amarillo */
.navbar .btn.btn-base-color,
.navbar .purchase-envato {
    background-color: #000000 !important;
    border-color: #c9a84c !important;
    color: #c9a84c !important;
}

.navbar .btn.btn-base-color:hover,
.navbar .btn.btn-base-color:active,
.navbar .purchase-envato:hover {
    background-color: #c9a84c !important;
    border-color: #c9a84c !important;
    color: #000000 !important;
}