/* ============================================
   ESTILOS PRINCIPALES DEL CUERPO
   ============================================ */
body.ce-kit-9 {
    color: #1A1A1A;
    font-family: "Poppins", poppins;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 25px;
    background-color: #FFFFFF;
}

/* ============================================
   ENLACES
   ============================================ */
a, .elementor a {
    color: #141414;
    font-family: "Poppins", poppins;
    font-weight: normal;
    text-decoration: none;
}

a:hover, .elementor a:hover {
    color: #B2DD54;
    text-decoration: none;
}

/* ============================================
   TÍTULOS (H1, H2, H3, H4, H5, H6)
   ============================================ */
body.ce-kit-9 h1 {
    color: #1C3529;
    font-family: "Recoleta", poppins;
    font-weight: 400;
}

body.ce-kit-9 h2 {
    font-weight: 400;
}

body.ce-kit-9 h3 {
    font-family: "Recoleta", poppins;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

body.ce-kit-9 h4 {
    font-weight: 400;
    text-transform: uppercase;
}

body.ce-kit-9 h5 {
    font-weight: 400;
    text-transform: uppercase;
}

body.ce-kit-9 h6 {
    font-weight: 400;
}

/* ============================================
   TEXTOS ESPECIALES (DISPLAY)
   ============================================ */
body.ce-kit-9 .ce-display-small {
    color: #141414;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

body.ce-kit-9 .ce-display-medium {
    color: #141414;
}

body.ce-kit-9 .ce-display-large {
    font-size: 27px;
    text-transform: uppercase;
}

body.ce-kit-9 .ce-display-xl {
    color: #141414;
    font-size: 34px;
    text-transform: uppercase;
}

body.ce-kit-9 .ce-display-xxl {
    font-family: "Italiana", poppins;
    font-size: 85px;
    font-weight: 400;
}

/* ============================================
   BOTONES PRINCIPALES (ELEMENTOR)
   ============================================ */
.elementor-button {
    font-family: "Poppins", poppins;
    font-weight: 500;
    text-transform: none;
    --ce-btn-bg-color: #FFFFFF;
    background-color: var(--ce-btn-bg-color);
    border-style: solid;
    border-width: 2px;
    border-color: #90B343;
}

.elementor-button, 
a.elementor-button:not(#e) {
    color: #1C3529;
}

.elementor-button:hover, 
.elementor-button:focus, 
a.elementor-button:not(#e):hover, 
a.elementor-button:not(#e):focus {
    color: #FFFFFF;
}

.elementor-button:hover, 
.elementor-button:focus {
    --ce-btn-bg-color: #90B343;
}

/* Tamaños de botones Elementor */
.elementor-button.elementor-size-sm {
    font-size: 12px;
    border-radius: 0px;
}

.elementor-button.elementor-size-md {
    font-size: 12px;
    padding: 16px 43px;
    border-radius: 0px;
}

.elementor-button.elementor-size-lg {
    font-size: 12px;
    border-radius: 0px;
}

.elementor-button.elementor-size-xl {
    font-size: 12px;
    border-radius: 0px;
}

.elementor-button.elementor-size-xs {
    font-size: 10px;
    border-radius: 0px;
}

/* ============================================
   BOTONES PRIMARIOS (VERDES)
   ============================================ */
.elementor-button-primary .elementor-button {
    font-family: "Poppins", poppins;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    --ce-btn-bg-color: #B2DD54;
    background-color: var(--ce-btn-bg-color);
    border-style: solid;
    border-width: 1px;
    border-color: #90B343;
}

.elementor-button-primary .elementor-button,
.elementor-button-primary a.elementor-button:not(#e) {
    color: #FFFFFF;
}

.elementor-button-primary .elementor-button:hover,
.elementor-button-primary .elementor-button:focus,
.elementor-button-primary a.elementor-button:not(#e):hover,
.elementor-button-primary a.elementor-button:not(#e):focus {
    color: #FFFFFF;
}

.elementor-button-primary .elementor-button:hover,
.elementor-button-primary .elementor-button:focus {
    --ce-btn-bg-color: #B2DD54;
    border-color: #B2DD54;
}

.elementor-button-primary .elementor-button.elementor-size-sm {
    font-size: 12px;
    border-radius: 32px;
}

.elementor-button-primary .elementor-button.elementor-size-xs {
    font-size: 12px;
    border-radius: 32px;
}

/* ============================================
   BOTONES SECUNDARIOS (BLANCOS)
   ============================================ */
.elementor-button-secondary .elementor-button {
    font-family: "Poppins", poppins;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    --ce-btn-bg-color: #FFFFFF;
    background-color: var(--ce-btn-bg-color);
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
}

.elementor-button-secondary .elementor-button,
.elementor-button-secondary a.elementor-button:not(#e) {
    color: #141414;
}

.elementor-button-secondary .elementor-button:hover,
.elementor-button-secondary .elementor-button:focus,
.elementor-button-secondary a.elementor-button:not(#e):hover,
.elementor-button-secondary a.elementor-button:not(#e):focus {
    color: #90B343;
}

.elementor-button-secondary .elementor-button.elementor-size-sm {
    font-size: 12px;
    border-radius: 50px;
}

.elementor-button-secondary .elementor-button.elementor-size-md {
    font-size: 13px;
    border-radius: 32px;
}

.elementor-button-secondary .elementor-button.elementor-size-lg {
    font-size: 14px;
    border-radius: 50px;
}

.elementor-button-secondary .elementor-button.elementor-size-xl {
    font-size: 16px;
    border-radius: 50px;
}

/* ============================================
   BOTONES GENÉRICOS (btn)
   ============================================ */
.btn:not(.btn-primary, .btn-secondary) {
    font-family: "Poppins", poppins;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #90B343;
    padding: 15px 43px;
    border-radius: 32px;
}

.btn:not(.btn-primary, .btn-secondary),
a.btn:not(.btn-primary, .btn-secondary) {
    color: #020101;
}

.btn:not(.btn-primary, .btn-secondary):hover,
.btn:not(.btn-primary, .btn-secondary):focus,
a.btn:not(.btn-primary, .btn-secondary):hover,
a.btn:not(.btn-primary, .btn-secondary):focus {
    color: #FFFFFF;
    background-color: #90B343;
}

/* ============================================
   BOTÓN PRIMARY (EL MÁS IMPORTANTE)
   ============================================ */
.btn-primary {
    font-family: "Poppins", poppins;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    background-color: #B2DD54;
    border-style: solid;
    border-width: 1px;
    border-color: #B2DD54;
    padding: 15px 43px;
    border-radius: 50px;
}

.btn-primary,
a.btn-primary {
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
a.btn-primary:hover,
a.btn-primary:focus {
    color: #FFFFFF;
    background-color: #B2DD54;
    border-color: #B2DD54;
}

/* ============================================
   BOTÓN SECONDARY
   ============================================ */
.btn-secondary {
    font-size: 12px;
    font-weight: 500;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    padding: 15px 43px;
    border-radius: 50px;
}

.btn-secondary,
a.btn-secondary {
    color: #141414;
}

.btn-secondary:hover,
.btn-secondary:focus,
a.btn-secondary:hover,
a.btn-secondary:focus {
    color: #90B343;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

/* ============================================
   FORMULARIOS
   ============================================ */
body.ce-kit-9 .form-control,
body.ce-kit-9 .elementor-field-textual {
    border-style: solid;
    border-color: #141414;
    border-radius: 0px;
}

/* ============================================
   ESTRUCTURA Y CONTENEDORES
   ============================================ */
body.ce-kit-9 #wrapper {
    background-color: #FFFFFF;
}

body.ce-kit-9 #content {
    background-color: #FFFFFF;
}

body.ce-kit-9 .container {
    width: 1300px;
    max-width: 100%;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1300px;
}

/* ============================================
   MIGAS DE PAN (BREADCRUMB)
   ============================================ */
body.ce-kit-9 .breadcrumb li:not(#e),
body.ce-kit-9 .ce-breadcrumb__item {
    color: #1C3529;
    font-family: "Poppins", poppins;
    font-size: 12px;
    font-weight: normal;
}

body.ce-kit-9 .breadcrumb li a:not(#e),
body.ce-kit-9 .ce-breadcrumb__item a:not(#e) {
    color: #1C3529;
}

body.ce-kit-9 .breadcrumb li a:not(#e):hover,
body.ce-kit-9 .ce-breadcrumb__item a:not(#e):hover {
    color: #B2DD54;
}

/* ============================================
   TÍTULO DE PÁGINA
   ============================================ */
body.ce-kit-9 .page-header,
body.ce-kit-9 .page-header *,
body.ce-kit-9 .ce-page-title * {
    color: #1C3529;
    font-family: "Recoleta", poppins;
}

/* ============================================
   LIGHTBOX
   ============================================ */
.elementor-lightbox {
    background-color: #F3F3F3;
}

/* ============================================
   RESPONSIVE (TABLET Y MÓVIL)
   ============================================ */
@media (max-width: 1024px) {
    body.ce-kit-9 .ce-display-xxl {
        font-size: 75px;
    }
}

@media (max-width: 767px) {
    body.ce-kit-9 {
        font-size: 14px;
        line-height: 20px;
    }
    
    body.ce-kit-9 h1 {
        font-size: 18px;
    }
    
    body.ce-kit-9 .ce-display-xxl {
        font-size: 60px;
    }
}

/* ============================================
   FUENTES PERSONALIZADAS
   ============================================ */
/* Fuente Poppins */
@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/modules/creativeelements/views/fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/modules/creativeelements/views/fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/modules/creativeelements/views/fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src: url('/modules/creativeelements/views/fonts/Poppins-LightItalic.ttf') format('truetype');
}

/* Fuente Recoleta */
@font-face {
    font-family: 'Recoleta';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url('/modules/creativeelements/views/fonts/Recoleta Alt Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'Recoleta';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('/modules/creativeelements/views/fonts/Recoleta Alt Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Recoleta';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/modules/creativeelements/views/fonts/Recoleta Alt SemiBold.woff2') format('woff2');
}

/* ============================================
   CSS PERSONALIZADO EXTRA
   ============================================ */
/* Header con z-index alto */
#header {
    position: relative;
    z-index: 999;
}