.elementor-1061 .elementor-element.elementor-element-2c0d88a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(10, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1061 .elementor-element.elementor-element-cdb7743 .elementor-button{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:14px 14px 14px 14px;}.elementor-1061 .elementor-element.elementor-element-05bd5fd{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1061 .elementor-element.elementor-element-68c9168{text-align:center;}.elementor-1061 .elementor-element.elementor-element-68c9168 .elementor-heading-title{font-family:"Arizonia", Sans-serif;font-size:79px;font-weight:700;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1061 .elementor-element.elementor-element-558001a .elementor-icon-wrapper{text-align:center;}.elementor-1061 .elementor-element.elementor-element-558001a.elementor-view-stacked .elementor-icon{background-color:#0CE1FE;}.elementor-1061 .elementor-element.elementor-element-558001a.elementor-view-framed .elementor-icon, .elementor-1061 .elementor-element.elementor-element-558001a.elementor-view-default .elementor-icon{color:#0CE1FE;border-color:#0CE1FE;}.elementor-1061 .elementor-element.elementor-element-558001a.elementor-view-framed .elementor-icon, .elementor-1061 .elementor-element.elementor-element-558001a.elementor-view-default .elementor-icon svg{fill:#0CE1FE;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-1061 .elementor-element.elementor-element-2c0d88a{--grid-auto-flow:row;}.elementor-1061 .elementor-element.elementor-element-05bd5fd{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1061 .elementor-element.elementor-element-2c0d88a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1061 .elementor-element.elementor-element-05bd5fd{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for button, class: .elementor-element-147dba2 */.elementor-1061 .elementor-element.elementor-element-147dba2 .elementor-button {
    background: linear-gradient(135deg, 
        #f0f0f0 0%, 
        #ffffff 25%, 
        #d0d0d0 50%, 
        #999999 51%, 
        #e1e1e1 75%, 
        #ffffff 100%) !important;
    border: 1px solid #b5b5b5 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 4px 15px rgba(0,0,0,0.15) !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
    color: #333333 !important;
    transition: all 0.4s ease !important;
}

.elementor-1061 .elementor-element.elementor-element-147dba2 .elementor-button:hover {
    filter: brightness(1.1) contrast(1.1) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 6px 20px rgba(0,0,0,0.25) !important;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-37f3120 */.elementor-1061 .elementor-element.elementor-element-37f3120 .elementor-button {
    background: linear-gradient(135deg, 
        #f6d0b3 0%, 
        #d17e46 27%, 
        #b85c24 48%, 
        #87370d 54%, 
        #dd9563 81%, 
        #f6d0b3 100%) !important;
    border: 1px solid #87370d !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 4px 15px rgba(135,55,13,0.3) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    color: #ffffff !important;
    transition: all 0.4s ease !important;
}

.elementor-1061 .elementor-element.elementor-element-37f3120 .elementor-button:hover {
    filter: brightness(1.1) contrast(1.05) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 6px 20px rgba(135,55,13,0.5) !important;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a97d830 */.elementor-1061 .elementor-element.elementor-element-a97d830 .elementor-button {
    background: linear-gradient(135deg, 
        #fefcea 0%, 
        #f1da36 24%, 
        #f2cd14 43%, 
        #b89400 54%, 
        #eed757 78%, 
        #fefcea 100%) !important;
    border: 1px solid #b89400 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 4px 15px rgba(184,148,0,0.3) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #4a3600 !important;
    font-weight: bold;
    transition: all 0.4s ease !important;
}

.elementor-1061 .elementor-element.elementor-element-a97d830 .elementor-button:hover {
    filter: brightness(1.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 6px 20px rgba(184,148,0,0.5) !important;
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ddfe9d3 */.elementor-1061 .elementor-element.elementor-element-ddfe9d3 .elementor-button {
    /* Degradado metálico equilibrado con una línea fina de reflejo */
    background: linear-gradient(
        135deg, 
        #660000 0%, 
        #990000 35%, 
        #cc0000 46%, 
        #ffffff 50%, 
        #cc0000 54%, 
        #990000 65%, 
        #440000 100%
    );
    background-size: 400% 400%; /* Conserva la escala original para el hover */
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #440000;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello original (Idéntico al primer código) */
.elementor-1061 .elementor-element.elementor-element-ddfe9d3 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover Original (Restaurada al 100%) */
.elementor-1061 .elementor-element.elementor-element-ddfe9d3 .elementor-button:hover {
    background-position: 100% 50%;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3); /* Removido el resplandor rojo exagerado */
}

.elementor-1061 .elementor-element.elementor-element-ddfe9d3 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2c6814d */.elementor-1061 .elementor-element.elementor-element-2c6814d .elementor-button {
    /* Degradado extendido: la primera mitad (0%-50%) es para el estado estático ultrarreflectante; la segunda mitad (50%-100%) es el hover original */
    background: linear-gradient(
        135deg, 
        #440000 0%, 
        #990000 12%, 
        #cc0000 20%, 
        #ffffff 25%, /* Reflejo central blanco/plateado ultra claro en inactivo */
        #cc0000 30%, 
        #990000 38%, 
        #440000 50%, /* Fin del estado inactivo / Inicio del hover original */
        #660000 60%, 
        #990000 75%, 
        #cc0000 82%, 
        #ffffff 85%, /* Línea fina original del hover */
        #cc0000 88%, 
        #990000 93%, 
        #440000 100%
    );
    background-size: 400% 100%;
    background-position: 0% 50%; /* Fuerza a mostrar el reflejo ultra claro al inicio */
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #440000;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello original (Intacto) */
.elementor-1061 .elementor-element.elementor-element-2c6814d .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover (Conserva los efectos y colores exactos del código anterior) */
.elementor-1061 .elementor-element.elementor-element-2c6814d .elementor-button:hover {
    background-position: 100% 50%; /* Se desplaza hacia los colores del código original */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
}

.elementor-1061 .elementor-element.elementor-element-2c6814d .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fe6f0e7 */.elementor-1061 .elementor-element.elementor-element-fe6f0e7 .elementor-button {
    /* Degradado extendido en azul: inactivo reflectante (0%-50%) y hover original (50%-100%) */
    background: linear-gradient(
        135deg, 
        #001133 0%, 
        #0033aa 12%, 
        #0066ff 20%, 
        #ffffff 25%, /* Reflejo central blanco/plateado ultra claro en inactivo */
        #0066ff 30%, 
        #0033aa 38%, 
        #001133 50%, /* Fin del estado inactivo / Inicio del hover */
        #001a4d 60%, 
        #0033aa 75%, 
        #0055ff 82%, 
        #ffffff 85%, /* Línea fina del hover */
        #0055ff 88%, 
        #0033aa 93%, 
        #001133 100%
    );
    background-size: 400% 100%;
    background-position: 0% 50%; /* Muestra el reflejo azul ultra claro al inicio */
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #001133;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-fe6f0e7 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Azul */
.elementor-1061 .elementor-element.elementor-element-fe6f0e7 .elementor-button:hover {
    background-position: 100% 50%; /* Se desplaza hacia la sección de azul profundo */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
}

.elementor-1061 .elementor-element.elementor-element-fe6f0e7 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3a9f082 */.elementor-1061 .elementor-element.elementor-element-3a9f082 .elementor-button {
    /* Degradado extendido en rosa: inactivo reflectante (0%-50%) y hover original (50%-100%) */
    background: linear-gradient(
        135deg, 
        #4a0025 0%, 
        #99004d 12%, 
        #ff3399 20%, 
        #ffffff 25%, /* Reflejo central blanco/plateado ultra claro en inactivo */
        #ff3399 30%, 
        #99004d 38%, 
        #4a0025 50%, /* Fin del estado inactivo / Inicio del hover */
        #5e0030 60%, 
        #a30052 75%, 
        #ff4da6 82%, 
        #ffffff 85%, /* Línea fina del hover */
        #ff4da6 88%, 
        #a30052 93%, 
        #4a0025 100%
    );
    background-size: 400% 100%;
    background-position: 0% 50%; /* Muestra el reflejo rosa ultra claro al inicio */
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #4a0025;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-3a9f082 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Rosa */
.elementor-1061 .elementor-element.elementor-element-3a9f082 .elementor-button:hover {
    background-position: 100% 50%; /* Se desplaza hacia la sección de rosa profundo */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
}

.elementor-1061 .elementor-element.elementor-element-3a9f082 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dd2872d */.elementor-1061 .elementor-element.elementor-element-dd2872d .elementor-button {
    /* Degradado extendido en naranja: inactivo reflectante (0%-50%) y hover original (50%-100%) */
    background: linear-gradient(
        135deg, 
        #4a1a00 0%, 
        #993d00 12%, 
        #ff6600 20%, 
        #ffffff 25%, /* Reflejo central blanco/plateado ultra claro en inactivo */
        #ff6600 30%, 
        #993d00 38%, 
        #4a1a00 50%, /* Fin del estado inactivo / Inicio del hover */
        #5e2100 60%, 
        #a34100 75%, 
        #ff751a 82%, 
        #ffffff 85%, /* Línea fina del hover */
        #ff751a 88%, 
        #a34100 93%, 
        #4a1a00 100%
    );
    background-size: 400% 100%;
    background-position: 0% 50%; /* Muestra el reflejo naranja ultra claro al inicio */
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #4a1a00;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-dd2872d .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Naranja */
.elementor-1061 .elementor-element.elementor-element-dd2872d .elementor-button:hover {
    background-position: 100% 50%; /* Se desplaza hacia la sección de naranja profundo */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
}

.elementor-1061 .elementor-element.elementor-element-dd2872d .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ad677ce */.elementor-1061 .elementor-element.elementor-element-ad677ce .elementor-button {
    /* Degradado extendido en verde: inactivo reflectante (0%-50%) y hover original (50%-100%) */
    background: linear-gradient(
        135deg, 
        #002b0c 0%, 
        #005e1c 12%, 
        #00cc3d 20%, 
        #ffffff 25%, /* Reflejo central blanco/plateado ultra claro en inactivo */
        #00cc3d 30%, 
        #005e1c 38%, 
        #002b0c 50%, /* Fin del estado inactivo / Inicio del hover */
        #003810 60%, 
        #006b20 75%, 
        #00db42 82%, 
        #ffffff 85%, /* Línea fina del hover */
        #00db42 88%, 
        #006b20 93%, 
        #002b0c 100%
    );
    background-size: 400% 100%;
    background-position: 0% 50%; /* Muestra el reflejo verde ultra claro al inicio */
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #002b0c;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-ad677ce .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Verde */
.elementor-1061 .elementor-element.elementor-element-ad677ce .elementor-button:hover {
    background-position: 100% 50%; /* Se desplaza hacia la sección de verde profundo */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
}

.elementor-1061 .elementor-element.elementor-element-ad677ce .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9c306db */.elementor-1061 .elementor-element.elementor-element-9c306db .elementor-button {
    /* Degradado extendido en oro: inactivo reflectante (0%-50%) y hover original (50%-100%) */
    /* Se aclararon las bases oscuras reemplazando marrones por tonos ocre dorado suave */
    background: linear-gradient(
        135deg, 
        #9c761e 0%, 
        #d4ab3a 12%, 
        #ffd966 20%, 
        #ffffff 25%, /* Reflejo central blanco/plateado ultra claro en inactivo */
        #ffd966 30%, 
        #d4ab3a 38%, 
        #9c761e 50%, /* Fin del estado inactivo / Inicio del hover */
        #b0892a 60%, 
        #dfb746 75%, 
        #ffe082 82%, 
        #ffffff 85%, /* Línea fina del hover */
        #ffe082 88%, 
        #dfb746 93%, 
        #9c761e 100%
    );
    background-size: 400% 100%;
    background-position: 0% 50%; /* Muestra el reflejo oro ultra claro al inicio */
    color: #4a3200 !important; /* Texto en ocre oscuro para que sea legible sobre el oro brillante */
    font-weight: bold;
    border: 1px solid #9c761e;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 1px rgba(255,255,255,0.5); /* Sombra clara para mejorar la lectura del texto */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-9c306db .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Oro */
.elementor-1061 .elementor-element.elementor-element-9c306db .elementor-button:hover {
    background-position: 100% 50%; /* Se desplaza hacia la sección de oro profundo */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-9c306db .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7e37142 */.elementor-1061 .elementor-element.elementor-element-7e37142 .elementor-button {
    /* Degradado extendido en plata: inactivo reflectante (0%-50%) y hover original (50%-100%) */
    /* Se balancearon los grises para evitar tonos negros pesados y mantener el brillo acero */
    background: linear-gradient(
        135deg, 
        #7f8c8d 0%, 
        #bdc3c7 12%, 
        #e2e6e9 20%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #e2e6e9 30%, 
        #bdc3c7 38%, 
        #7f8c8d 50%, /* Fin del estado inactivo / Inicio del hover */
        #95a5a6 60%, 
        #ced6d6 75%, 
        #ebf0f1 82%, 
        #ffffff 85%, /* Línea fina del hover */
        #ebf0f1 88%, 
        #ced6d6 93%, 
        #7f8c8d 100%
    );
    background-size: 400% 100%;
    background-position: 0% 50%; /* Muestra el reflejo plata ultra claro al inicio */
    color: #2c3e50 !important; /* Texto en gris grafito oscuro para máxima legibilidad sobre el plata */
    font-weight: bold;
    border: 1px solid #7f8c8d;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
    text-shadow: 0 1px 1px rgba(255,255,255,0.6); /* Relieve claro para el texto */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-7e37142 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Plata */
.elementor-1061 .elementor-element.elementor-element-7e37142 .elementor-button:hover {
    background-position: 100% 50%; /* Se desplaza hacia la sección de plata profundo */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
}

.elementor-1061 .elementor-element.elementor-element-7e37142 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8f398a4 */.elementor-1061 .elementor-element.elementor-element-8f398a4 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo en inactivo */
    background: linear-gradient(
        135deg, 
        #7f8c8d 0%, 
        #bdc3c7 10%, 
        #e2e6e9 18%, 
        #ffffff 25%, /* El reflejo se mantiene aquí, pero se ajusta la escala visual */
        #e2e6e9 32%, 
        #bdc3c7 40%, 
        #7f8c8d 50%, /* Centro técnico del código / Inicio del hover original */
        #95a5a6 60%, 
        #ced6d6 75%, 
        #ebf0f1 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #ebf0f1 88%, 
        #ced6d6 93%, 
        #7f8c8d 100%
    );
    background-size: 200% 100%; /* Ajustado a 200% para cuadrar el reflejo estático simétricamente en el medio */
    background-position: 0% 50%;
    color: #2c3e50 !important;
    font-weight: bold;
    border: 1px solid #7f8c8d;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-8f398a4 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Plata (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-8f398a4 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
}

.elementor-1061 .elementor-element.elementor-element-8f398a4 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ac4f133 */.elementor-1061 .elementor-element.elementor-element-ac4f133 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo oro en inactivo */
    background: linear-gradient(
        135deg, 
        #9c761e 0%, 
        #d4ab3a 10%, 
        #ffd966 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #ffd966 32%, 
        #d4ab3a 40%, 
        #9c761e 50%, /* Centro técnico del código / Inicio del hover original */
        #b0892a 60%, 
        #dfb746 75%, 
        #ffe082 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #ffe082 88%, 
        #dfb746 93%, 
        #9c761e 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #4a3200 !important; /* Texto en ocre oscuro premium para máxima legibilidad */
    font-weight: bold;
    border: 1px solid #9c761e;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-ac4f133 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Oro (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-ac4f133 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-ac4f133 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-213645b */.elementor-1061 .elementor-element.elementor-element-213645b .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo cobre en inactivo */
    background: linear-gradient(
        135deg, 
        #8a4f35 0%, 
        #bf7654 10%, 
        #e69a75 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #e69a75 32%, 
        #bf7654 40%, 
        #8a4f35 50%, /* Centro técnico del código / Inicio del hover original */
        #9c5b3f 60%, 
        #cc825e 75%, 
        #f2ad8a 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #f2ad8a 88%, 
        #cc825e 93%, 
        #8a4f35 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco (resalta excelente sobre el fondo cobre) */
    font-weight: bold;
    border: 1px solid #8a4f35;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-213645b .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Cobre (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-213645b .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-213645b .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d40a601 */.elementor-1061 .elementor-element.elementor-element-d40a601 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo violeta en inactivo */
    background: linear-gradient(
        135deg, 
        #3d145c 0%, 
        #662299 10%, 
        #9933ff 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #9933ff 32%, 
        #662299 40%, 
        #3d145c 50%, /* Centro técnico del código / Inicio del hover original */
        #4c1a73 60%, 
        #7729b3 75%, 
        #aa4dff 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #aa4dff 88%, 
        #7729b3 93%, 
        #3d145c 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste nítido y moderno */
    font-weight: bold;
    border: 1px solid #3d145c;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-d40a601 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Violeta (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-d40a601 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-d40a601 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e89d3ff */.elementor-1061 .elementor-element.elementor-element-e89d3ff .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo oliva en inactivo */
    background: linear-gradient(
        135deg, 
        #3b3c18 0%, 
        #606326 10%, 
        #92963b 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #92963b 32%, 
        #606326 40%, 
        #3b3c18 50%, /* Centro técnico del código / Inicio del hover original */
        #494b1f 60%, 
        #71752d 75%, 
        #a4a842 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #a4a842 88%, 
        #71752d 93%, 
        #3b3c18 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste nítido y elegante */
    font-weight: bold;
    border: 1px solid #3b3c18;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-e89d3ff .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Verde Oliva (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-e89d3ff .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-e89d3ff .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-51fc74a */.elementor-1061 .elementor-element.elementor-element-51fc74a .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo verde claro en inactivo */
    background: linear-gradient(
        135deg, 
        #276b13 0%, 
        #4ba32b 10%, 
        #82e655 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #82e655 32%, 
        #4ba32b 40%, 
        #276b13 50%, /* Centro técnico del código / Inicio del hover original */
        #318218 60%, 
        #57bd33 75%, 
        #8ef261 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #8ef261 88%, 
        #57bd33 93%, 
        #276b13 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #113307 !important; /* Texto en verde oscuro para que sea legible sobre el fondo claro */
    font-weight: bold;
    border: 1px solid #276b13;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
    text-shadow: 0 1px 1px rgba(255,255,255,0.6); /* Sombra clara para mejorar la lectura del texto */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-51fc74a .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Verde Claro (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-51fc74a .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
}

.elementor-1061 .elementor-element.elementor-element-51fc74a .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6f6f70c */.elementor-1061 .elementor-element.elementor-element-6f6f70c .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo acuamarina en inactivo */
    background: linear-gradient(
        135deg, 
        #05525c 0%, 
        #0a8291 10%, 
        #1ce4fc 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #1ce4fc 32%, 
        #0a8291 40%, 
        #05525c 50%, /* Centro técnico del código / Inicio del hover original */
        #066370 60%, 
        #0fa0b3 75%, 
        #3bf0ff 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #3bf0ff 88%, 
        #0fa0b3 93%, 
        #05525c 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #012226 !important; /* Texto en un tono azul océano muy oscuro para garantizar la lectura */
    font-weight: bold;
    border: 1px solid #05525c;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
    text-shadow: 0 1px 1px rgba(255,255,255,0.6); /* Sombra clara para mejorar el contraste del texto */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-6f6f70c .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Acuamarina (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-6f6f70c .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
}

.elementor-1061 .elementor-element.elementor-element-6f6f70c .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a77d4e0 */.elementor-1061 .elementor-element.elementor-element-a77d4e0 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo vinotinto en inactivo */
    background: linear-gradient(
        135deg, 
        #3a0007 0%, 
        #660011 10%, 
        #b3001e 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #b3001e 32%, 
        #660011 40%, 
        #3a0007 50%, /* Centro técnico del código / Inicio del hover original */
        #4d000d 60%, 
        #800016 75%, 
        #cc0022 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #cc0022 88%, 
        #800016 93%, 
        #3a0007 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste nítido y premium */
    font-weight: bold;
    border: 1px solid #3a0007;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-a77d4e0 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Vinotinto (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-a77d4e0 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
}

.elementor-1061 .elementor-element.elementor-element-a77d4e0 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f5fbc0d */.elementor-1061 .elementor-element.elementor-element-f5fbc0d .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo beige en inactivo */
    /* Se balancearon tonos arena y crema para evitar que luzca marrón o plano */
    background: linear-gradient(
        135deg, 
        #a89575 0%, 
        #d1c2a5 10%, 
        #ebe3d3 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #ebe3d3 32%, 
        #d1c2a5 40%, 
        #a89575 50%, /* Centro técnico del código / Inicio del hover original */
        #bcae91 60%, 
        #dad0b8 75%, 
        #f2edd8 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #f2edd8 88%, 
        #dad0b8 93%, 
        #a89575 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #4a3f2c !important; /* Texto en color café/marrón oscuro para garantizar excelente lectura */
    font-weight: bold;
    border: 1px solid #a89575;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.6),
        inset 0 -3px 0 rgba(0,0,0,0.1),
        0 4px 6px rgba(0,0,0,0.1);
    text-shadow: 0 1px 1px rgba(255,255,255,0.7); /* Sombra clara para mejorar la nitidez del texto */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-f5fbc0d .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Beige (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-f5fbc0d .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.6),
        inset 0 -3px 0 rgba(0,0,0,0.1),
        0 4px 6px rgba(0,0,0,0.1);
}

.elementor-1061 .elementor-element.elementor-element-f5fbc0d .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c973533 */.elementor-1061 .elementor-element.elementor-element-c973533 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo marrón en inactivo */
    background: linear-gradient(
        135deg, 
        #2b1a0f 0%, 
        #59371f 10%, 
        #966542 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #966542 32%, 
        #59371f 40%, 
        #2b1a0f 50%, /* Centro técnico del código / Inicio del hover original */
        #3d2516 60%, 
        #70472b 75%, 
        #ad774e 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #ad774e 88%, 
        #70472b 93%, 
        #2b1a0f 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste nítido y de alta legibilidad */
    font-weight: bold;
    border: 1px solid #2b1a0f;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-c973533 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Marrón (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-c973533 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.3),
        0 4px 6px rgba(0,0,0,0.3);
}

.elementor-1061 .elementor-element.elementor-element-c973533 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2961777 */.elementor-1061 .elementor-element.elementor-element-2961777 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo blanco en inactivo */
    /* Se usan tonos plateados ultra claros para crear el contraste metálico sobre el blanco */
    background: linear-gradient(
        135deg, 
        #cfd8dc 0%, 
        #eceff1 10%, 
        #f5f7f8 18%, 
        #ffffff 25%, /* Reflejo central blanco puro ultra claro en inactivo */
        #f5f7f8 32%, 
        #eceff1 40%, 
        #cfd8dc 50%, /* Centro técnico del código / Inicio del hover original */
        #e2e8f0 60%, 
        #f1f5f9 75%, 
        #fafafa 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #fafafa 88%, 
        #f1f5f9 93%, 
        #cfd8dc 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #334155 !important; /* Texto en gris pizarra oscuro para garantizar la máxima legibilidad */
    font-weight: bold;
    border: 1px solid #cbd5e1;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.9),
        inset 0 -3px 0 rgba(0,0,0,0.08),
        0 4px 6px rgba(0,0,0,0.08);
    text-shadow: 0 1px 1px rgba(255,255,255,0.8); /* Sombra clara para suavizar y perfilar el texto */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-2961777 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Blanco (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-2961777 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.9),
        inset 0 -3px 0 rgba(0,0,0,0.08),
        0 4px 6px rgba(0,0,0,0.08);
}

.elementor-1061 .elementor-element.elementor-element-2961777 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b568a7 */.elementor-1061 .elementor-element.elementor-element-7b568a7 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo negro en inactivo */
    /* Se usan tonos grises de alto contraste para forzar el reflejo de cromo oscuro */
    background: linear-gradient(
        135deg, 
        #000000 0%, 
        #2c3e50 10%, 
        #7f8c8d 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #7f8c8d 32%, 
        #2c3e50 40%, 
        #000000 50%, /* Centro técnico del código / Inicio del hover original */
        #111111 60%, 
        #333333 75%, 
        #666666 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #666666 88%, 
        #333333 93%, 
        #000000 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para máxima legibilidad sobre el fondo oscuro */
    font-weight: bold;
    border: 1px solid #111111;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.5),
        0 4px 6px rgba(0,0,0,0.4);
    text-shadow: 0 1px 2px rgba(0,0,0,0.9); /* Sombra oscura para perfilar el texto contra la luz central */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-7b568a7 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Negro (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-7b568a7 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -3px 0 rgba(0,0,0,0.5),
        0 4px 6px rgba(0,0,0,0.4);
}

.elementor-1061 .elementor-element.elementor-element-7b568a7 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bdc9793 */.elementor-1061 .elementor-element.elementor-element-bdc9793 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo amarillo en inactivo */
    /* Se balancearon amarillos eléctricos y ocres limpios para evitar que parezca oro viejo */
    background: linear-gradient(
        135deg, 
        #cca300 0%, 
        #ffe600 10%, 
        #ffff80 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #ffff80 32%, 
        #ffe600 40%, 
        #cca300 50%, /* Centro técnico del código / Inicio del hover original */
        #b38f00 60%, 
        #ffd633 75%, 
        #ffff66 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #ffff66 88%, 
        #ffd633 93%, 
        #cca300 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #332600 !important; /* Texto en color café/marrón ultra oscuro para máxima legibilidad */
    font-weight: bold;
    border: 1px solid #cca300;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.6),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
    text-shadow: 0 1px 1px rgba(255,255,255,0.7); /* Sombra clara para mejorar el contraste de las letras */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-bdc9793 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Amarillo (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-bdc9793 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.6),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
}

.elementor-1061 .elementor-element.elementor-element-bdc9793 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4aff3ed */.elementor-1061 .elementor-element.elementor-element-4aff3ed .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo naranja claro en inactivo */
    /* Se balancearon tonos coralinos y melocotón para mantener la luminosidad sin perder el metalizado */
    background: linear-gradient(
        135deg, 
        #bd5319 0%, 
        #f27935 10%, 
        #ffaa73 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #ffaa73 32%, 
        #f27935 40%, 
        #bd5319 50%, /* Centro técnico del código / Inicio del hover original */
        #cf5d1f 60%, 
        #f5874c 75%, 
        #ffb98f 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #ffb98f 88%, 
        #f5874c 93%, 
        #bd5319 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #4a1d05 !important; /* Texto en color marrón terracota oscuro para máxima legibilidad */
    font-weight: bold;
    border: 1px solid #bd5319;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.6),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
    text-shadow: 0 1px 1px rgba(255,255,255,0.7); /* Sombra clara para mejorar el contraste del texto */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-4aff3ed .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Naranja Claro (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-4aff3ed .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.6),
        inset 0 -3px 0 rgba(0,0,0,0.15),
        0 4px 6px rgba(0,0,0,0.15);
}

.elementor-1061 .elementor-element.elementor-element-4aff3ed .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21f0a4c */.elementor-1061 .elementor-element.elementor-element-21f0a4c .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo rosa viejo en inactivo */
    /* Se balancearon tonos desaturados y elegantes para mantener el look empolvado y metálico */
    background: linear-gradient(
        135deg, 
        #6e4651 0%, 
        #a67381 10%, 
        #d1a3b0 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #d1a3b0 32%, 
        #a67381 40%, 
        #6e4651 50%, /* Centro técnico del código / Inicio del hover original */
        #805360 60%, 
        #b88392 75%, 
        #e0b4c1 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #e0b4c1 88%, 
        #b88392 93%, 
        #6e4651 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste limpio, suave y distinguido */
    font-weight: bold;
    border: 1px solid #6e4651;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Ligera sombra para perfilar el texto con elegancia */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-21f0a4c .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Rosa Viejo (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-21f0a4c .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-21f0a4c .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-07add0e */.elementor-1061 .elementor-element.elementor-element-07add0e .elementor-button {
    /* Degradado simétrico rosa translúcido (0%-50%) para centrar el reflejo de cristal cuarzo */
    background: linear-gradient(
        135deg, 
        rgba(255, 200, 210, 0.35) 0%, 
        rgba(255, 180, 195, 0.50) 10%, 
        rgba(255, 160, 180, 0.70) 18%, 
        rgba(255, 255, 255, 0.95) 25%, /* Reflejo central blanco ultra claro de espejo */
        rgba(255, 160, 180, 0.70) 32%, 
        rgba(255, 180, 195, 0.40) 40%, 
        rgba(255, 200, 210, 0.35) 50%, /* Centro técnico / Inicio del hover original */
        rgba(255, 205, 215, 0.40) 60%, 
        rgba(255, 185, 200, 0.55) 75%, 
        rgba(255, 165, 185, 0.75) 82%, 
        rgba(255, 255, 255, 0.95) 85%, /* Línea fina del hover original */
        rgba(255, 165, 185, 0.75) 88%, 
        rgba(255, 185, 200, 0.55) 93%, 
        rgba(255, 200, 210, 0.35) 100%
    );
    background-size: 200% 100%;
    background-position: 0% 50%;
    
    /* Efecto Glassmorphism: desenfoque del contenido que pasa por detrás */
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* Texto en color magenta/vino ultra oscuro para máxima legibilidad sobre el rosa claro */
    color: #4a1521 !important; 
    font-weight: bold;
    
    /* Borde fino con un toque rosa brillante que simula el canto del cristal cortado */
    border: 1px solid rgba(255, 192, 203, 0.7);
    
    /* Sombras suaves y reflejos internos de cristal */
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -2px 0 rgba(0, 0, 0, 0.05),
        0 8px 32px rgba(230, 150, 170, 0.15);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-07add0e .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Vidrio Rosado (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-07add0e .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -2px 0 rgba(0, 0, 0, 0.05),
        0 12px 40px rgba(255, 192, 203, 0.35);
}

.elementor-1061 .elementor-element.elementor-element-07add0e .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cdb7743 */.elementor-1061 .elementor-element.elementor-element-cdb7743 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo salmón en inactivo */
    /* Se balancearon tonos coralinos y melocotón intensos para no perder el look metálico */
    background: linear-gradient(
        135deg, 
        #9e3f28 0%, 
        #e66d53 10%, 
        #ff9d85 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #ff9d85 32%, 
        #e66d53 40%, 
        #9e3f28 50%, /* Centro técnico del código / Inicio del hover original */
        #b54b31 60%, 
        #f07a60 75%, 
        #ffb09c 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #ffb09c 88%, 
        #f07a60 93%, 
        #9e3f28 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste limpio y enérgico */
    font-weight: bold;
    border: 1px solid #9e3f28;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Ligera sombra para perfilar el texto con elegancia */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-cdb7743 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Salmón (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-cdb7743 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-cdb7743 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4dbba13 */.elementor-1061 .elementor-element.elementor-element-4dbba13 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo rosa claro en inactivo */
    /* Se utilizaron tonos rosa claro eléctricos y profundos para no perder el contraste metálico */
    background: linear-gradient(
        135deg, 
        #991f5c 0%, 
        #e64d99 10%, 
        #ff99cc 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #ff99cc 32%, 
        #e64d99 40%, 
        #991f5c 50%, /* Centro técnico del código / Inicio del hover original */
        #b3246b 60%, 
        #f066aa 75%, 
        #ffb3d9 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #ffb3d9 88%, 
        #f066aa 93%, 
        #991f5c 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste limpio y brillante */
    font-weight: bold;
    border: 1px solid #991f5c;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Ligera sombra para perfilar el texto con elegancia */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-4dbba13 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Rosa Claro (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-4dbba13 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-4dbba13 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c1c3bc4 */.elementor-1061 .elementor-element.elementor-element-c1c3bc4 .elementor-button {
    /* Degradado simétrico en la primera mitad (0%-50%) para centrar el reflejo marrón claro en inactivo */
    /* Se utilizaron tonos café suave y bronce luminoso para lograr un acabado metálico elegante */
    background: linear-gradient(
        135deg, 
        #5c3d2e 0%, 
        #9c6f59 10%, 
        #cca693 18%, 
        #ffffff 25%, /* Reflejo central blanco ultra claro en inactivo */
        #cca693 32%, 
        #9c6f59 40%, 
        #5c3d2e 50%, /* Centro técnico del código / Inicio del hover original */
        #734d3a 60%, 
        #ad8068 75%, 
        #dbae98 82%, 
        #ffffff 85%, /* Línea fina del hover original */
        #dbae98 88%, 
        #ad8068 93%, 
        #5c3d2e 100%
    );
    background-size: 200% 100%; /* Escala optimizada para cuadrar el reflejo simétricamente */
    background-position: 0% 50%;
    color: #ffffff !important; /* Texto en blanco para un contraste limpio y elegante */
    font-weight: bold;
    border: 1px solid #5c3d2e;
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Ligera sombra para perfilar el texto con elegancia */
    transition: background-position 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    overflow: hidden;
}

/* Efecto Espejo / Destello dinámico (Intacto) */
.elementor-1061 .elementor-element.elementor-element-c1c3bc4 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-30deg);
    transition: none;
}

/* Animación Hover en Marrón Claro (Conserva efectos anteriores) */
.elementor-1061 .elementor-element.elementor-element-c1c3bc4 .elementor-button:hover {
    background-position: 100% 50%; /* Desplaza el degradado hacia la segunda mitad */
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -3px 0 rgba(0,0,0,0.2),
        0 4px 6px rgba(0,0,0,0.2);
}

.elementor-1061 .elementor-element.elementor-element-c1c3bc4 .elementor-button:hover::before {
    left: 150%;
    transition: all 0.7s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-68c9168 */.elementor-1061 .elementor-element.elementor-element-68c9168 .elementor-heading-title {
    /* Degradado simétrico salmón metálico centrado */
    background: linear-gradient(
        135deg, 
        #9e3f28 0%, 
        #e66d53 10%, 
        #ff9d85 18%, 
        #ffffff 25%, /* Reflejo central blanco de espejo en inactivo */
        #ff9d85 32%, 
        #e66d53 40%, 
        #9e3f28 50%, /* Centro técnico / Inicio del mapa para el hover/touch */
        #b54b31 60%, 
        #f07a60 75%, 
        #ffb09c 82%, 
        #ffffff 85%, /* Línea fina del efecto dinámico */
        #ffb09c 88%, 
        #f07a60 93%, 
        #9e3f28 100%
    ) !important;
    
    background-size: 200% 100% !important;
    background-position: 0% 50% !important;
    
    /* El truco del recorte: inyecta el metalizado solo dentro de las letras */
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    
    /* Efecto 3D de relieve metálico para que las letras tengan volumen */
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25));
    
    /* Transición suave para el movimiento del cromo */
    transition: background-position 0.5s ease-in-out, filter 0.5s ease-in-out !important;
    display: inline-block;
    
    /* Evita que el móvil muestre un cuadro gris de selección al tocar el texto */
    -webkit-tap-highlight-color: transparent;
}

/* --- ANIMACIÓN EN ESCRITORIO (Pasar el cursor) Y MÓVIL (Colocar el dedo) --- */
.elementor-1061 .elementor-element.elementor-element-68c9168:hover .elementor-heading-title,
.elementor-1061 .elementor-element.elementor-element-68c9168:active .elementor-heading-title {
    background-position: 100% 50% !important;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.35));
}/* End custom CSS */