/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ===========================
   FUENTES PERSONALIZADAS
   =========================== */

/* Clarendon Bold */
/*
@font-face {
    font-family: 'ClarendonBold';
    src: url('fonts/clarendoncbtrusbyme_bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}*/
/*
@font-face {
    font-family: 'ClarendonBold';
    src: url('fonts/clarendoncbtrusbyme_bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'ClarendonBold';
    src: url('fonts/Clarendon-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Helvetica Neue */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeue.ttc');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Oswald SemiBold */
@font-face {
    font-family: 'OswaldSemiBold';
    src: url('fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Oswald Bold */
@font-face {
    font-family: 'OswaldBold';
    src: url('fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ===========================
   CLASES
   =========================== */

.font-clarendon, .font-clarendon h1, .font-clarendon h2, .font-clarendon h3, .font-clarendon h4, .font-clarendon h5, .font-clarendon h6, .font-clarendon p, .font-clarendon span, .font-clarendon div, .font-clarendon a {
    font-family: 'ClarendonBold', serif !important;
}

.font-helvetica, .font-helvetica h1, .font-helvetica h2, .font-helvetica h3, .font-helvetica h4, .font-helvetica h5, .font-helvetica h6, .font-helvetica p, .font-helvetica span, .font-helvetica div, .font-helvetica a {
    font-family: 'HelveticaNeue', Arial, sans-serif !important;
}

.font-oswald-semibold, .font-oswald-semibold h1, .font-oswald-semibold h2, .font-oswald-semibold h3, .font-oswald-semibold h4, .font-oswald-semibold h5, .font-oswald-semibold h6, .font-oswald-semibold p, .font-oswald-semibold span, .font-oswald-semibold div, .font-oswald-semibold a {
    font-family: 'OswaldSemiBold', sans-serif !important;
}

.font-oswald-bold, .font-oswald-bold h1, .font-oswald-bold h2, .font-oswald-bold h3, .font-oswald-bold h4, .font-oswald-bold h5, .font-oswald-bold h6, .font-oswald-bold p, .font-oswald-bold span, .font-oswald-bold div, .font-oswald-bold a {
    font-family: 'OswaldBold', sans-serif !important;
}

.mayus{
    text-transform: uppercase !important;
}
/*GENERAL*/

html{
    margin-top: 0px !important;
}
/*
.desktop, .mobile{
    background-color: #FAF4E8 !important;
}*/

.mobile{
    display: none !important;
}

.current-lang{
    text-decoration: underline #F4F2EA;
}

.cmplz-message p{
	color: white !important;
}


.cmplz-message{
	color: white !important;
}

h1, h2, h3, h4, h5, h6, p, span, div, a{
    color: black;
}

.texto-rojo, .texto-rojo h1, .texto-rojo h2, .texto-rojo h3, .texto-rojo h4, .texto-rojo h5, .texto-rojo h6, .texto-rojo p, .texto-rojo span, .texto-rojo div, .texto-rojo a{
    color: red !important;
}

.texto-blanco, .texto-blanco h1, .texto-blanco h2, .texto-blanco h3, .texto-blanco h4, .texto-blanco h5, .texto-blanco h6, .texto-blanco p, .texto-blanco span, .texto-blanco div, .texto-blanco a{
    color: white !important;
}

.texto-beige, .texto-beige h1, .texto-beige h2, .texto-beige h3, .texto-beige h4, .texto-beige h5, .texto-beige h6, .texto-beige p, .texto-beige span, .texto-beige div, .texto-beige a{
    color: #F4F2EA !important;
}

.texto-negro, .texto-negro h1, .texto-negro h2, .texto-negro h3, .texto-negro h4, .texto-negro h5, .texto-negro h6, .texto-negro p, .texto-negro span, .texto-negro div, .texto-negro a{
    color: black !important;
}

.texto-100, .texto-100 h1, .texto-100 h2, .texto-100 h3, .texto-100 h4, .texto-100 h5, .texto-100 h6, .texto-100 p, .texto-100 span, .texto-100 div, .texto-100 a{
    font-size: 100px;
}

.texto-90, .texto-90 h1, .texto-90 h2, .texto-90 h3, .texto-90 h4, .texto-90 h5, .texto-90 h6, .texto-90 p, .texto-90 span, .texto-90 div, .texto-90 a{
    font-size: 90px;
}

.texto-84, .texto-84 h1, .texto-84 h2, .texto-84 h3, .texto-84 h4, .texto-84 h5, .texto-84 h6, .texto-84 p, .texto-84 span, .texto-84 div, .texto-84 a{
    font-size: 84px;
}

.texto-70, .texto-70 h1, .texto-70 h2, .texto-70 h3, .texto-70 h4, .texto-70 h5, .texto-70 h6, .texto-70 p, .texto-70 span, .texto-70 div, .texto-70 a{
    font-size: 70px;
}

.texto-60, .texto-60 h1, .texto-60 h2, .texto-60 h3, .texto-60 h4, .texto-60 h5, .texto-60 h6, .texto-60 p, .texto-60 span, .texto-60 div, .texto-60 a{
    font-size: 60px;
}

.texto-54, .texto-54 h1, .texto-54 h2, .texto-54 h3, .texto-54 h4, .texto-54 h5, .texto-54 h6, .texto-54 p, .texto-54 span, .texto-54 div, .texto-54 a{
    font-size: 54px;
}

.texto-36, .texto-36 h1, .texto-36 h2, .texto-36 h3, .texto-36 h4, .texto-36 h5, .texto-36 h6, .texto-36 p, .texto-36 span, .texto-36 div, .texto-36 a{
    font-size: 36px;
}

.texto-32, .texto-32 h1, .texto-32 h2, .texto-32 h3, .texto-32 h4, .texto-32 h5, .texto-32 h6, .texto-32 p, .texto-32 span, .texto-32 div, .texto-32 a{
    font-size: 32px;
}

.texto-28, .texto-28 h1, .texto-28 h2, .texto-28 h3, .texto-28 h4, .texto-28 h5, .texto-28 h6, .texto-28 p, .texto-28 span, .texto-28 div, .texto-28 a{
    font-size: 28px;
}

.texto-21, .texto-21 h1, .texto-21 h2, .texto-21 h3, .texto-21 h4, .texto-21 h5, .texto-21 h6, .texto-21 p, .texto-21 span, .texto-21 div, .texto-21 a{
    font-size: 21px;
}

/* ============================
   TABLET GRANDE / LAPTOP PEQUEÑO (≤1200px) — 85%
============================ */
@media (max-width: 1200px) {
    .texto-100, .texto-100 h1, .texto-100 h2, .texto-100 h3, .texto-100 h4, .texto-100 h5, .texto-100 h6, .texto-100 p, .texto-100 span, .texto-100 div, .texto-100 a{
        font-size: 85px;
    }
    .texto-90, .texto-90 h1, .texto-90 h2, .texto-90 h3, .texto-90 h4, .texto-90 h5, .texto-90 h6, .texto-90 p, .texto-90 span, .texto-90 div, .texto-90 a{
        font-size: 77px;
    }
    .texto-84, .texto-84 h1, .texto-84 h2, .texto-84 h3, .texto-84 h4, .texto-84 h5, .texto-84 h6, .texto-84 p, .texto-84 span, .texto-84 div, .texto-84 a{
        font-size: 71px;
    }
    .texto-70, .texto-70 h1, .texto-70 h2, .texto-70 h3, .texto-70 h4, .texto-70 h5, .texto-70 h6, .texto-70 p, .texto-70 span, .texto-70 div, .texto-70 a{
        font-size: 60px;
    }
    .texto-60, .texto-60 h1, .texto-60 h2, .texto-60 h3, .texto-60 h4, .texto-60 h5, .texto-60 h6, .texto-60 p, .texto-60 span, .texto-60 div, .texto-60 a{
        font-size: 51px;
    }
    .texto-54, .texto-54 h1, .texto-54 h2, .texto-54 h3, .texto-54 h4, .texto-54 h5, .texto-54 h6, .texto-54 p, .texto-54 span, .texto-54 div, .texto-54 a{
        font-size: 46px;
    }
    .texto-36, .texto-36 h1, .texto-36 h2, .texto-36 h3, .texto-36 h4, .texto-36 h5, .texto-36 h6, .texto-36 p, .texto-36 span, .texto-36 div, .texto-36 a{
        font-size: 31px;
    }
    .texto-32, .texto-32 h1, .texto-32 h2, .texto-32 h3, .texto-32 h4, .texto-32 h5, .texto-32 h6, .texto-32 p, .texto-32 span, .texto-32 div, .texto-32 a{
        font-size: 27px;
    }
    .texto-28, .texto-28 h1, .texto-28 h2, .texto-28 h3, .texto-28 h4, .texto-28 h5, .texto-28 h6, .texto-28 p, .texto-28 span, .texto-28 div, .texto-28 a{
        font-size: 24px;
    }
    .texto-21, .texto-21 h1, .texto-21 h2, .texto-21 h3, .texto-21 h4, .texto-21 h5, .texto-21 h6, .texto-21 p, .texto-21 span, .texto-21 div, .texto-21 a{
        font-size: 18px;
    }
}

/* ============================
   TABLET (≤992px) — 70%
============================ */
@media (max-width: 992px) {
    .texto-100, .texto-100 h1, .texto-100 h2, .texto-100 h3, .texto-100 h4, .texto-100 h5, .texto-100 h6, .texto-100 p, .texto-100 span, .texto-100 div, .texto-100 a{
        font-size: 70px;
    }
    .texto-90, .texto-90 h1, .texto-90 h2, .texto-90 h3, .texto-90 h4, .texto-90 h5, .texto-90 h6, .texto-90 p, .texto-90 span, .texto-90 div, .texto-90 a{
        font-size: 63px;
    }
    .texto-84, .texto-84 h1, .texto-84 h2, .texto-84 h3, .texto-84 h4, .texto-84 h5, .texto-84 h6, .texto-84 p, .texto-84 span, .texto-84 div, .texto-84 a{
        font-size: 59px;
    }
    .texto-70, .texto-70 h1, .texto-70 h2, .texto-70 h3, .texto-70 h4, .texto-70 h5, .texto-70 h6, .texto-70 p, .texto-70 span, .texto-70 div, .texto-70 a{
        font-size: 49px;
    }
    .texto-60, .texto-60 h1, .texto-60 h2, .texto-60 h3, .texto-60 h4, .texto-60 h5, .texto-60 h6, .texto-60 p, .texto-60 span, .texto-60 div, .texto-60 a{
        font-size: 42px;
    }
    .texto-54, .texto-54 h1, .texto-54 h2, .texto-54 h3, .texto-54 h4, .texto-54 h5, .texto-54 h6, .texto-54 p, .texto-54 span, .texto-54 div, .texto-54 a{
        font-size: 38px;
    }
    .texto-36, .texto-36 h1, .texto-36 h2, .texto-36 h3, .texto-36 h4, .texto-36 h5, .texto-36 h6, .texto-36 p, .texto-36 span, .texto-36 div, .texto-36 a{
        font-size: 25px;
    }
    .texto-32, .texto-32 h1, .texto-32 h2, .texto-32 h3, .texto-32 h4, .texto-32 h5, .texto-32 h6, .texto-32 p, .texto-32 span, .texto-32 div, .texto-32 a{
        font-size: 22px;
    }
    .texto-28, .texto-28 h1, .texto-28 h2, .texto-28 h3, .texto-28 h4, .texto-28 h5, .texto-28 h6, .texto-28 p, .texto-28 span, .texto-28 div, .texto-28 a{
        font-size: 20px;
    }
    .texto-21, .texto-21 h1, .texto-21 h2, .texto-21 h3, .texto-21 h4, .texto-21 h5, .texto-21 h6, .texto-21 p, .texto-21 span, .texto-21 div, .texto-21 a{
        font-size: 15px;
    }
}

/* ============================
   MÓVIL GRANDE (≤768px) — 55%
============================ */
@media (max-width: 768px) {
    .texto-100, .texto-100 h1, .texto-100 h2, .texto-100 h3, .texto-100 h4, .texto-100 h5, .texto-100 h6, .texto-100 p, .texto-100 span, .texto-100 div, .texto-100 a{
        font-size: 50px;
    }
    .texto-90, .texto-90 h1, .texto-90 h2, .texto-90 h3, .texto-90 h4, .texto-90 h5, .texto-90 h6, .texto-90 p, .texto-90 span, .texto-90 div, .texto-90 a{
        font-size: 43px;
    }
    .texto-84, .texto-84 h1, .texto-84 h2, .texto-84 h3, .texto-84 h4, .texto-84 h5, .texto-84 h6, .texto-84 p, .texto-84 span, .texto-84 div, .texto-84 a{
        font-size: 46px;
    }
    .texto-70, .texto-70 h1, .texto-70 h2, .texto-70 h3, .texto-70 h4, .texto-70 h5, .texto-70 h6, .texto-70 p, .texto-70 span, .texto-70 div, .texto-70 a{
        font-size: 39px;
    }
    .texto-60, .texto-60 h1, .texto-60 h2, .texto-60 h3, .texto-60 h4, .texto-60 h5, .texto-60 h6, .texto-60 p, .texto-60 span, .texto-60 div, .texto-60 a{
        font-size: 33px;
    }
    .texto-54, .texto-54 h1, .texto-54 h2, .texto-54 h3, .texto-54 h4, .texto-54 h5, .texto-54 h6, .texto-54 p, .texto-54 span, .texto-54 div, .texto-54 a{
        font-size: 30px;
    }
    .texto-36, .texto-36 h1, .texto-36 h2, .texto-36 h3, .texto-36 h4, .texto-36 h5, .texto-36 h6, .texto-36 p, .texto-36 span, .texto-36 div, .texto-36 a{
        font-size: 20px;
    }
    .texto-32, .texto-32 h1, .texto-32 h2, .texto-32 h3, .texto-32 h4, .texto-32 h5, .texto-32 h6, .texto-32 p, .texto-32 span, .texto-32 div, .texto-32 a{
        font-size: 18px;
    }
    .texto-28, .texto-28 h1, .texto-28 h2, .texto-28 h3, .texto-28 h4, .texto-28 h5, .texto-28 h6, .texto-28 p, .texto-28 span, .texto-28 div, .texto-28 a{
        font-size: 20px;
    }
    .texto-21, .texto-21 h1, .texto-21 h2, .texto-21 h3, .texto-21 h4, .texto-21 h5, .texto-21 h6, .texto-21 p, .texto-21 span, .texto-21 div, .texto-21 a{
        font-size: 15px;
    }

    .texto-inicio{
        font-size: 43px;
    }
}


.enlace-sin-decoracion, .enlace-sin-decoracion a{
    text-decoration: none !important;
}

.texto-inicio, .texto-inicio p{
    display: flex !important;
    justify-content: space-between !important;
    width: 100%;
}

/*overlay verde*/
.overlay-verde {
    position: relative;
    overflow: hidden;
}

.overlay-verde img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay verde (oculto por defecto) */
.overlay-verde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(26, 96, 43, .72); /* verde con transparencia */
    z-index: 1;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}

.overlay-verde:hover::before {
    opacity: 1;
}

.overlay-verde .texto-blanco {
    inset: 0;
    z-index: 2;
}
/*
.overlay-verde {
    position: relative;
    overflow: hidden;
}

.overlay-verde img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay-verde::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(26, 96, 43, .72); 
    z-index: 1;
}

.overlay-verde .texto-blanco {
    inset: 0;
    z-index: 2;
}
*/

/*
.elementor-11 .elementor-element.elementor-element-82f4f93 {
    min-height: 625px;
}

.elementor-11 .elementor-element.elementor-element-0f2d0ac {
    min-height: 625px;
}
*/
@media (max-width: 820px) {
    .desktop, .header-desktop{
        display: none !important;
    }

    .mobile{
        display: flex !important;
    }
}