.elementor-kit-12{--e-global-color-primary:#2E6F73;--e-global-color-secondary:#EDE9E3;--e-global-color-text:#2C2C2C;--e-global-color-accent:#4A9599;--e-global-color-481b92c:#1F4A4D;--e-global-color-108cd07:#E5E5E5;--e-global-color-9f4e27c:#999999;--e-global-color-36d1dbb:#FFFFFF;--e-global-typography-be89fcc-font-family:"Montserrat";--e-global-typography-be89fcc-font-size:clamp(2.4rem, 2.5385rem + 2.0513vw, 4rem);--e-global-typography-be89fcc-font-weight:800;--e-global-typography-be89fcc-line-height:5rem;--e-global-typography-5a8e233-font-family:"Montserrat";--e-global-typography-5a8e233-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-5a8e233-font-weight:700;--e-global-typography-5a8e233-line-height:3.5rem;--e-global-typography-2be6939-font-family:"Montserrat";--e-global-typography-2be6939-font-size:clamp(1.848rem, 1.6856rem + 0.722vw, 2.2rem);--e-global-typography-2be6939-font-weight:700;--e-global-typography-2be6939-line-height:2.4rem;--e-global-typography-7a98841-font-family:"Montserrat";--e-global-typography-7a98841-font-size:clamp(1.584rem, 1.5028rem + 0.361vw, 1.76rem);--e-global-typography-7a98841-font-weight:600;--e-global-typography-7a98841-line-height:2.2rem;--e-global-typography-8e8f17b-font-family:"Montserrat";--e-global-typography-8e8f17b-font-size:clamp(1.408rem, 1.3471rem + 0.2708vw, 1.54rem);--e-global-typography-8e8f17b-font-weight:600;--e-global-typography-8e8f17b-line-height:1.8rem;--e-global-typography-09e58ff-font-family:"Montserrat";--e-global-typography-09e58ff-font-size:clamp(1.232rem, 1.1913rem + 0.1805vw, 1.32rem);--e-global-typography-09e58ff-font-weight:500;--e-global-typography-09e58ff-line-height:1.6rem;--e-global-typography-95f9582-font-family:"Montserrat";--e-global-typography-95f9582-font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);--e-global-typography-95f9582-font-weight:600;--e-global-typography-95f9582-line-height:1.7rem;--e-global-typography-8c58ea2-font-family:"Open Sans";--e-global-typography-8c58ea2-font-size:1.1rem;--e-global-typography-8c58ea2-font-weight:500;--e-global-typography-8c58ea2-line-height:1.5px;--e-global-typography-0de82e2-font-family:"Open Sans";--e-global-typography-0de82e2-font-size:1.2rem;--e-global-typography-0de82e2-font-weight:500;--e-global-typography-0de82e2-line-height:1.6rem;--e-global-typography-eb1ad6d-font-family:"Open Sans";--e-global-typography-eb1ad6d-font-size:1rem;--e-global-typography-eb1ad6d-font-weight:400;--e-global-typography-eb1ad6d-line-height:1.2rem;--e-global-typography-39962f5-font-family:"Open Sans";--e-global-typography-39962f5-font-size:1.1rem;--e-global-typography-39962f5-font-weight:400;--e-global-typography-39962f5-line-height:1.4rem;--e-global-typography-dcc13e8-font-size:0.9rem;--e-global-typography-dcc13e8-font-weight:400;--e-global-typography-dcc13e8-line-height:1.2rem;color:var( --e-global-color-text );font-family:var( --e-global-typography-eb1ad6d-font-family ), Sans-serif;font-size:var( --e-global-typography-eb1ad6d-font-size );font-weight:var( --e-global-typography-eb1ad6d-font-weight );line-height:var( --e-global-typography-eb1ad6d-line-height );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:var( --e-global-color-primary );}.elementor-kit-12 a:hover{color:var( --e-global-color-text );}.elementor-kit-12 h1{color:var( --e-global-color-primary );}.elementor-kit-12 h2{color:var( --e-global-color-primary );}.elementor-kit-12 h3{color:var( --e-global-color-primary );}.elementor-kit-12 h4{color:var( --e-global-color-primary );}.elementor-kit-12 h5{color:var( --e-global-color-primary );}.elementor-kit-12 h6{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-12{font-size:var( --e-global-typography-eb1ad6d-font-size );line-height:var( --e-global-typography-eb1ad6d-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{font-size:var( --e-global-typography-eb1ad6d-font-size );line-height:var( --e-global-typography-eb1ad6d-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =============================================
   SISTEMA DE VARIABLES - GESTIÓN CENTRALIZADA
   Proyecto: Enfoque Contable
   ============================================= */
:root {
    /* === COLORES === */
    --boton-color-uno: #2E6F73;      /* Verde Teal Primario */
    --boton-color-dos: #1F4A4D;      /* Verde Teal Oscuro */
    --boton-color-tres: #4A9599;     /* Verde Teal Claro */
    --boton-color-cuatro: #EDE9E3;   /* Beige Claro */
    --boton-color-cinco: #E5E5E5;    /* Gris Claro */
    --boton-color-seis: #999999;     /* Gris Medio */
    --boton-color-siete: #2C2C2C;    /* Negro */
    --boton-color-ocho: #FFFFFF;     /* Blanco */
    
    /* === OPACIDADES === */
    --boton-hover-overlay-opacity: 0.15;
    
    /* === TIPOGRAFÍA === */
    --boton-font-family: inherit;
    --boton-font-weight: 600;
    --boton-font-size-chico: 16px;
    --boton-font-size-normal: 18px;
    --boton-font-size-grande: 22px;
    
    /* === ESPACIADO (Padding) === */
    --boton-padding-chico: 12px 24px;
    --boton-padding-normal: 14px 32px;
    --boton-padding-grande: 18px 42px;
    
    /* === BORDES === */
    --boton-border-radius: 0px;
    --boton-border-width: 2px;
    --boton-border-style: solid;
    
    /* === TRANSICIONES === */
    --boton-transition-speed: 0.2s;
    --boton-transition-easing: ease;
    
    /* === EFECTOS === */
    --boton-transform-active: translateY(1px);
    
    /* === ESPACIADO ICONOS === */
    --boton-icon-spacing: 10px;
    
    /* === MÁRGENES === */
    --boton-margin-vertical: 10px 0;
}

/* ===== BOTÓN BASE ===== */
.boton-html {
    outline: none;
    padding: var(--boton-padding-normal);
    font-size: var(--boton-font-size-normal);
    font-family: var(--boton-font-family);
    font-weight: var(--boton-font-weight);
    border-radius: var(--boton-border-radius);
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    display: inline-block;
    transition: all var(--boton-transition-speed) var(--boton-transition-easing);
    margin: var(--boton-margin-vertical);
    text-align: center;
}

/* ===== MODIFICADORES DE TAMAÑO ===== */
.boton-html.chico {
    padding: var(--boton-padding-chico);
    font-size: var(--boton-font-size-chico);
}

.boton-html.grande {
    padding: var(--boton-padding-grande);
    font-size: var(--boton-font-size-grande);
}

/* ===== ESTILOS DE BOTÓN ===== */

/* Estilo UNO: Sólido teal primario (fondos claros) */
.boton-html.uno {
    background: var(--boton-color-uno);
    color: var(--boton-color-ocho) !important;
    border: none;
}

.boton-html.uno:hover {
    background: var(--boton-color-dos);
}

.boton-html.uno:active {
    transform: var(--boton-transform-active);
}

/* Estilo DOS: Outline teal (fondos claros) */
.boton-html.dos {
    background: transparent;
    color: var(--boton-color-uno) !important;
    border: var(--boton-border-width) var(--boton-border-style) var(--boton-color-uno);
}

.boton-html.dos:hover {
    background: var(--boton-color-uno);
    color: var(--boton-color-ocho) !important;
}

.boton-html.dos:active {
    transform: var(--boton-transform-active);
}

/* Estilo TRES: Sólido teal oscuro (fondos claros) */
.boton-html.tres {
    background: var(--boton-color-dos);
    color: var(--boton-color-ocho) !important;
    border: none;
}

.boton-html.tres:hover {
    background: var(--boton-color-uno);
}

.boton-html.tres:active {
    transform: var(--boton-transform-active);
}

/* Estilo CUATRO: Blanco sólido (fondos oscuros) */
.boton-html.cuatro {
    background: var(--boton-color-ocho);
    color: var(--boton-color-uno) !important;
    border: none;
}

.boton-html.cuatro:hover {
    background: var(--boton-color-cuatro);
}

.boton-html.cuatro:active {
    transform: var(--boton-transform-active);
}

/* Estilo CINCO: Outline blanco (fondos oscuros) */
.boton-html.cinco {
    background: transparent;
    color: var(--boton-color-ocho) !important;
    border: var(--boton-border-width) var(--boton-border-style) var(--boton-color-ocho);
}

.boton-html.cinco:hover {
    background: var(--boton-color-ocho);
    color: var(--boton-color-uno) !important;
}

.boton-html.cinco:active {
    transform: var(--boton-transform-active);
}

/* ===== ICONOS ===== */
.boton-html i {
    margin-right: var(--boton-icon-spacing);
}/* End custom CSS */