.elementor-1815 .elementor-element.elementor-element-383958b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-1815 .elementor-element.elementor-element-383958b, .elementor-1815 .elementor-element.elementor-element-383958b::before{--border-transition:0.3s;}.elementor-1815 .elementor-element.elementor-element-8b801ca .elementor-icon-wrapper{text-align:left;}.elementor-1815 .elementor-element.elementor-element-8b801ca.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-1815 .elementor-element.elementor-element-8b801ca.elementor-view-framed .elementor-icon, .elementor-1815 .elementor-element.elementor-element-8b801ca.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1815 .elementor-element.elementor-element-8b801ca.elementor-view-framed .elementor-icon, .elementor-1815 .elementor-element.elementor-element-8b801ca.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-1815 .elementor-element.elementor-element-8b801ca .elementor-icon{font-size:25px;}.elementor-1815 .elementor-element.elementor-element-8b801ca .elementor-icon svg{height:25px;}.elementor-1815 .elementor-element.elementor-element-f38bd96{text-align:center;}.elementor-1815 .elementor-element.elementor-element-f38bd96 .elementor-heading-title{color:var( --e-global-color-accent );font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;}.elementor-1815 .elementor-element.elementor-element-f38bd96.elementor-element{--align-self:center;}.elementor-1815 .elementor-element.elementor-element-525d073{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-1815 .elementor-element.elementor-element-a55c7e3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1815 .elementor-element.elementor-element-a55c7e3 .elementor-button{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;letter-spacing:0.5px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:#FFFFFF00;border-radius:0px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-a55c7e3 .elementor-button:hover, .elementor-1815 .elementor-element.elementor-element-a55c7e3 .elementor-button:focus{background-color:#6EC1E400;border-color:#02010100;}.elementor-1815 .elementor-element.elementor-element-a55c7e3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-a55c7e3{width:var( --container-widget-width, 70.958% );max-width:70.958%;--container-widget-width:70.958%;--container-widget-flex-grow:0;}.elementor-1815 .elementor-element.elementor-element-a55c7e3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body.elementor-page-1815:not(.elementor-motion-effects-element-type-background), body.elementor-page-1815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://lunac.design/wp-content/uploads/2025/02/LUNAC-DESIGN-HOME-BACKGROUND-.jpg");}@media(max-width:1024px){.elementor-1815 .elementor-element.elementor-element-a55c7e3 .elementor-button{font-size:16px;}.elementor-1815 .elementor-element.elementor-element-a55c7e3 > .elementor-widget-container{margin:29px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-a55c7e3{width:var( --container-widget-width, 286px );max-width:286px;--container-widget-width:286px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-1815 .elementor-element.elementor-element-a55c7e3 .elementor-button{font-size:14px;}.elementor-1815 .elementor-element.elementor-element-a55c7e3 > .elementor-widget-container{margin:-16px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-a55c7e3{width:var( --container-widget-width, 297.516px );max-width:297.516px;--container-widget-width:297.516px;--container-widget-flex-grow:0;}}/* Start custom CSS for button, class: .elementor-element-a55c7e3 */#botoncito {
  position: relative;
  background: transparent;
  color: #F3F1DE; /* Ajusta el color del texto */
  border: 4px solid transparent; /* Ajusta el borde a 2px */
  border-radius: 50px;
  padding: 15px 30px; /* Ajusta según sea necesario */
  text-align: center;
  display: inline-block;
  cursor: pointer;
  overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
  transition: transform 0.3s ease; /* Añade una transición suave */
}

#botoncito::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 3px solid transparent; /* Ajusta el borde a 2px */
  background: linear-gradient(45deg, #5ED9EA, #614098) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1; /* Asegura que el pseudo-elemento esté detrás del contenido del botón */
}

#botoncito:hover::before {
  content: ""; /* Asegura que el pseudo-elemento siga existiendo en el estado hover */
  background: linear-gradient(45deg, #5ED9EA, #614098); /* Mantiene el gradiente en el estado hover */
}

#botoncito:hover {
  transform: scale(1.1); /* Agranda el botón en el estado hover */
  border: 2px solid transparent; /* Mantiene el borde en el estado hover */
  background: transparent; /* Asegura que el fondo sea transparente en el estado hover */
}/* End custom CSS */