.elementor-kit-260{--e-global-color-primary:#609A86;--e-global-color-secondary:#FABE4F;--e-global-color-text:#304F45;--e-global-color-accent:#FFF2DB;--e-global-color-2a6d512:#FFFFFF;--e-global-color-bc5abe4:#E8F5F2;--e-global-color-8686c3a:#477366;--e-global-color-50410fd:#171817;--e-global-color-567ec40:#8CCCBF;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-size:3.4rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-size:2.8rem;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-size:1.2rem;--e-global-typography-accent-font-weight:500;--e-global-typography-406d151-font-family:"Work Sans";--e-global-typography-406d151-font-size:0.8rem;--e-global-typography-406d151-font-weight:300;--e-global-typography-406d151-line-height:16px;--e-global-typography-ddd61cb-font-size:0.9rem;--e-global-typography-ddd61cb-font-weight:400;--e-global-typography-394a3d1-font-size:1.56rem;--e-global-typography-394a3d1-font-weight:600;--e-global-typography-e6d0609-font-size:1rem;--e-global-typography-e6d0609-font-weight:600;--e-global-typography-e5a53d1-font-family:"Work Sans";--e-global-typography-e5a53d1-font-size:2.5rem;--e-global-typography-e5a53d1-font-weight:500;--e-global-typography-e5a53d1-line-height:2.9rem;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-260 button,.elementor-kit-260 input[type="button"],.elementor-kit-260 input[type="submit"],.elementor-kit-260 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Work Sans", Sans-serif;font-size:1rem;font-weight:400;color:var( --e-global-color-2a6d512 );border-radius:20px 20px 20px 20px;padding:5px 15px 5px 15px;}.elementor-kit-260 button:hover,.elementor-kit-260 button:focus,.elementor-kit-260 input[type="button"]:hover,.elementor-kit-260 input[type="button"]:focus,.elementor-kit-260 input[type="submit"]:hover,.elementor-kit-260 input[type="submit"]:focus,.elementor-kit-260 .elementor-button:hover,.elementor-kit-260 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-2a6d512 );}.elementor-kit-260 e-page-transition{background-color:#FFBC7D;}.elementor-kit-260 a{color:var( --e-global-color-primary );font-size:var( --e-global-typography-ddd61cb-font-size );font-weight:var( --e-global-typography-ddd61cb-font-weight );}.elementor-kit-260 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-260 h1{font-size:2.67rem;font-weight:700;}.elementor-kit-260 h2{font-size:2rem;font-weight:700;}.elementor-kit-260 h3{font-size:1.56rem;font-weight:600;}.elementor-kit-260 h4{font-size:1rem;font-weight:600;}.elementor-kit-260 img{border-radius:10px 10px 10px 10px;}.elementor-kit-260 input:not([type="button"]):not([type="submit"]),.elementor-kit-260 textarea,.elementor-kit-260 .elementor-field-textual{color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;padding:5px 15px 5px 15px;}.elementor-kit-260 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-260 textarea:focus,.elementor-kit-260 .elementor-field-textual:focus{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-bc5abe4 );border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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-260{--e-global-typography-secondary-font-size:2rem;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-260 a{font-size:var( --e-global-typography-ddd61cb-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-260{--e-global-typography-primary-font-size:3rem;--e-global-typography-secondary-font-size:2.1rem;--e-global-typography-text-font-size:1em;--e-global-typography-accent-font-size:1rem;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-260 a{font-size:var( --e-global-typography-ddd61cb-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Estilos del botón base */
.my-custom-button .elementor-button {
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    overflow: hidden; /* Oculta el pseudo-elemento hasta que se active el hover */
    z-index: 1; /* Asegura que el botón esté por encima del pseudo-elemento */
    transition: color 0.4s ease; /* Transición para el color del texto */
}

/* Pseudo-elemento para el efecto de trazo */
.my-custom-button .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Inicia sin ancho */
    height: 100%;
    background-color: #8CCCBF; /* El color de fondo al hacer hover */
    transition: width 0.4s ease; /* Transición para el ancho del trazo */
    z-index: -1; /* Coloca el pseudo-elemento detrás del botón */
}

/* Efecto al pasar el mouse (hover) */
.my-custom-button .elementor-button:hover::before {
    width: 100%; /* El trazo se expande al 100% de ancho */
}

/* Cambiar el color del texto al pasar el mouse (opcional, si quieres que el texto contraste) */
.my-custom-button .elementor-button:hover {
    color: #FFFFFF; /* Ejemplo: texto blanco al hacer hover */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Work Sans';
	font-display: auto;
	src: url('https://partner.stay-u-nique.com/wp-content/uploads/2025/06/WorkSans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */