.elementor-2861 .elementor-element.elementor-element-f373e5e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-2861{margin:0px 0px 0px 0px;}/* Start custom CSS *//* ============================================================
   BCM - ESTILOS PERSONALIZADOS
   DÓNDE PEGAR: Elementor → Code Manager → Custom CSS (HEAD)
   O en: Apariencia → Personalizar → CSS Adicional
   ============================================================ */

/* --- FUENTES --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap');

/* --- VARIABLES DE MARCA BCM --- */
:root {
    --bcm-gold:  #c5a059;
    --bcm-dark:  #111111;
    --bcm-gray:  #1f1f1f;
    --bcm-light: #f4f4f4;
}

/* --- TIPOGRAFÍA BASE --- */
.elementor-page body,
.bcm-hero,
.bcm-hero * {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4,
.font-serif {
    font-family: 'Playfair Display', serif !important;
}

/* --- COLORES TAILWIND CUSTOMIZADOS (clases bcm-*) --- */
.text-bcm-gold    { color: #c5a059 !important; }
.text-bcm-dark    { color: #111111 !important; }
.bg-bcm-dark      { background-color: #111111 !important; }
.bg-bcm-gray      { background-color: #1f1f1f !important; }
.bg-bcm-light     { background-color: #f4f4f4 !important; }
.border-bcm-gold  { border-color: #c5a059 !important; }
.hover\:text-bcm-gold:hover { color: #c5a059 !important; }
.hover\:border-bcm-gold:hover { border-color: #c5a059 !important; }
.group:hover .group-hover\:text-bcm-gold { color: #c5a059 !important; }
.open\:border-bcm-gold[open] { border-color: #c5a059 !important; }

/* Variante con opacidad para Tailwind arbitrario */
.bg-bcm-gold\/20 { background-color: rgba(197,160,89,0.20) !important; }
.bg-bcm-dark\/90 { background-color: rgba(17,17,17,0.90)  !important; }
.border-bcm-gold\/50 { border-color: rgba(197,160,89,0.50) !important; }

/* --- BOTONES --- */
.btn-primary {
    background-color: transparent;
    border: 1px solid #c5a059;
    color: #fff;
    transition: all 0.3s ease;
    display: inline-block;
}
.btn-primary:hover {
    background-color: #c5a059;
    color: #000;
    transform: translateY(-2px);
    text-decoration: none;
}

.btn-solid {
    background-color: #c5a059;
    color: #000;
    border: 1px solid #c5a059;
    transition: all 0.3s ease;
    display: inline-block;
}
.btn-solid:hover {
    background-color: #fff;
    color: #c5a059;
    border-color: #fff;
    text-decoration: none;
}

/* --- HERO SECTION --- */
.bcm-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* --- PARALLAX --- */
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* --- ACORDEÓN FAQ (details/summary) --- */
details > summary {
    list-style: none;
    cursor: pointer;
}
details > summary::-webkit-details-marker {
    display: none;
}
details[open] > summary .fa-chevron-down {
    transform: rotate(180deg);
}
.fa-chevron-down {
    transition: transform 0.3s ease;
}

/* --- UTILIDADES TAILWIND FALTANTES (por si CDN no carga) --- */
.tracking-\[0\.3em\] { letter-spacing: 0.3em; }
.leading-snug        { line-height: 1.375; }
.leading-relaxed     { line-height: 1.625; }
.leading-tight       { line-height: 1.25; }
.antialiased         { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grayscale           { filter: grayscale(100%); }
.hover\:grayscale-0:hover { filter: grayscale(0); }
.hover\:scale-105:hover   { transform: scale(1.05); }
.group-open\:rotate-180   { }   /* manejado por JS de AOS */

/* --- ESPACIADO (por si Tailwind CDN tiene conflicto con WP) --- */
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.px-6  { padding-left: 1.5rem; padding-right: 1.5rem; }

/* --- GRID RESPONSIVE --- */
@media (min-width: 768px) {
    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .md\:text-left   { text-align: left; }
    .md\:flex-row    { flex-direction: row; }
    .md\:block       { display: block; }
    .md\:order-1     { order: 1; }
    .md\:order-2     { order: 2; }
}/* End custom CSS */