/* ========================================================= MEZCAL LANDING – FINAL OVERRIDES (scoped) Applies ONLY when has class="mezcal-landing" ========================================================= */ /* 1) Background: theme sets .main-content { background:#fff; } */ .mezcal-landing .main-content{ background-color:#adac9d !important; } /* Let background show through common section wrappers */ .mezcal-landing .section{ background-color: transparent !important; } /* Some themes also paint inner wrappers white */ .mezcal-landing .section .container, .mezcal-landing .section .container-fluid{ background-color: transparent !important; } /* 2) Fix accent color class used by the theme (orange) */ .mezcal-landing .main-col, .mezcal-landing .main-col *{ color:#ffffff !important; } /* 3) Typography rules requested - H1/H2 in HERO + CONTACT: Arial - H2 must be white - Keep everything scoped to this landing */ /* HERO */ .mezcal-landing .full-height-slider h1, .mezcal-landing .full-height-slider .title, .mezcal-landing .full-height-slider .main-caption h1{ font-family: Raleway, Helvetica, sans-serif !important; color:#ffffff !important; } .mezcal-landing .full-height-slider h2, .mezcal-landing .full-height-slider h2 *, .mezcal-landing .full-height-slider .h2, .mezcal-landing .full-height-slider .h2 *{ font-family: Raleway, Helvetica, sans-serif !important; color:#ffffff !important; opacity:1 !important; } /* CONTACT */ .mezcal-landing .contact h1, .mezcal-landing .contact h2, .mezcal-landing .contact h2 *, .mezcal-landing .contact .h2, .mezcal-landing .contact .h2 *, .mezcal-landing .contact p, .mezcal-landing .contact input, .mezcal-landing .contact textarea, .mezcal-landing .contact label{ font-family: Raleway, Helvetica, sans-serif !important; color:#ffffff !important; } /* ========================================= FIX DEFINITIVO – H2 en Arial (override real) ========================================= */ /* HERO + CONTACTO: anular clases del theme */ .mezcal-landing h2.h2, .mezcal-landing h2.title, .mezcal-landing h2.h2.title, .mezcal-landing .main-caption h2, .mezcal-landing .main-caption h2.h2, .mezcal-landing .main-caption h2.title, .mezcal-landing .contact h2, .mezcal-landing .contact h2.h2, .mezcal-landing .contact h2.title { font-family: Raleway, Helvetica, sans-serif !important; color: #ffffff !important; } /* ===== OPCIÓN B: Premium contemporáneo ===== */ /* HERO: frase (H1) – destaca por estilo, no por tamaño */ .mezcal-landing .full-height-slider h1, .mezcal-landing .full-height-slider .title{ font-family: Raleway, sans-serif !important; font-size: 40px; line-height: 1.1; font-weight: 300; letter-spacing: 0.10em; /* premium moderno */ text-transform: uppercase; color: rgba(255,255,255,0.92) !important; } /* Marca (Punta Cobre) – protagonista clara */ .mezcal-landing .full-height-slider h2, .mezcal-landing .full-height-slider h2.h2, .mezcal-landing .full-height-slider .h2{ font-family: Raleway, Helvetica, sans-serif !important; font-size: 42px; /* apenas +2px sobre el H1 */ line-height: 1.05; font-weight: 700; letter-spacing: 0.06em /* más “logo”, más sólido */ text-transform: none; color: #ffffff !important; } /* H2 de secciones – pequeño, editorial, no compite */ .mezcal-landing .section h2, .mezcal-landing .section h2.h2, .mezcal-landing .section .h2{ font-family: Raleway, Helvetica, sans-serif !important; font-size: 20px; line-height: 1.25; font-weight: 700; letter-spacing: 0.14em; /* súper minimal premium */ text-transform: uppercase; color: rgba(255,255,255,0.95) !important; } /* Párrafos */ .mezcal-landing .section p, .mezcal-landing .full-height-slider p{ font-family: Raleway, Helvetica, sans-serif !important; font-size: 16px; line-height: 1.75; font-weight: 400; color: rgba(255,255,255,0.86) !important; } /* Responsive */ @media (max-width: 768px){ .mezcal-landing .full-height-slider h1, .mezcal-landing .full-height-slider .title{ font-size: 28px; letter-spacing: 0.08em; } .mezcal-landing .full-height-slider h2, .mezcal-landing .full-height-slider .h2{ font-size: 30px; } .mezcal-landing .section h2, .mezcal-landing .section .h2{ font-size: 17px; } }