.elementor-11004 .elementor-element.elementor-element-4d73a5f8{--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;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-11004 .elementor-element.elementor-element-4d73a5f8:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-4d73a5f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7B07AA;}.elementor-11004 .elementor-element.elementor-element-1341c2c0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11004 .elementor-element.elementor-element-683e93a2 .elementor-button{background-color:#FFFFFF00;font-family:"Comfortaa", Sans-serif;font-weight:900;fill:#FFFFFF;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-683e93a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11004 .elementor-element.elementor-element-683e93a2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11004 .elementor-element.elementor-element-683e93a2 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-11004 .elementor-element.elementor-element-122fb278{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11004 .elementor-element.elementor-element-24bbb256 .elementor-button{background-color:#FFFFFF00;font-family:"Comfortaa", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-24bbb256 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11004 .elementor-element.elementor-element-24bbb256 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11004 .elementor-element.elementor-element-24bbb256 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-11004 .elementor-element.elementor-element-1392dd26{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11004 .elementor-element.elementor-element-2f6810bb .elementor-button{background-color:#FFFFFF00;font-family:"Comfortaa", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-2f6810bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11004 .elementor-element.elementor-element-2f6810bb .elementor-button-content-wrapper{flex-direction:row;}.elementor-11004 .elementor-element.elementor-element-2f6810bb .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-11004 .elementor-element.elementor-element-3f008490{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11004 .elementor-element.elementor-element-e3b8523{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-11004 .elementor-element.elementor-element-e3b8523 .elementor-widget-container{text-align:center;}.elementor-11004 .elementor-element.elementor-element-e3b8523 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11004 .elementor-element.elementor-element-e3b8523 .elementor-social-icon{background-color:#FFFFFF00;}.elementor-11004 .elementor-element.elementor-element-e3b8523 .elementor-social-icon i{color:#FFFFFFFC;}.elementor-11004 .elementor-element.elementor-element-e3b8523 .elementor-social-icon svg{fill:#FFFFFFFC;}.elementor-11004 .elementor-element.elementor-element-5ed1ac57{--display:flex;}.elementor-11004 .elementor-element.elementor-element-5ed1ac57:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-5ed1ac57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-530596ef img{width:37%;}.elementor-11004 .elementor-element.elementor-element-58d0bec3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11004 .elementor-element.elementor-element-58d0bec3:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-58d0bec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-456ca135 img{max-width:50%;}.elementor-11004 .elementor-element.elementor-element-3680a79{--display:flex;--justify-content:center;}.elementor-11004 .elementor-element.elementor-element-3680a79:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-3680a79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-46536773{--display:flex;}.elementor-11004 .elementor-element.elementor-element-2faae0bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:35px 35px 35px 35px;}.elementor-11004 .elementor-element.elementor-element-2faae0bb:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-2faae0bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #262AD3 0%, #FF4F79 100%);}.elementor-11004 .elementor-element.elementor-element-129abae8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-11004 .elementor-element.elementor-element-4d080b10{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-11004 .elementor-element.elementor-element-17c062df{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:35px 35px 35px 35px;}.elementor-11004 .elementor-element.elementor-element-17c062df:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-17c062df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #333641 0%, #3B4EA2 100%);}.elementor-11004 .elementor-element.elementor-element-76ce0310{--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;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-11004 .elementor-element.elementor-element-3310f5da{--display:flex;}.elementor-11004 .elementor-element.elementor-element-1d173d50{--display:flex;}.elementor-11004 .elementor-element.elementor-element-29193db4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11004 .elementor-element.elementor-element-29193db4:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-29193db4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-11004 .elementor-element.elementor-element-3657293{--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;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-11004 .elementor-element.elementor-element-c2f501f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:35px 35px 35px 35px;}.elementor-11004 .elementor-element.elementor-element-c2f501f:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-c2f501f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#44C1CE;}.elementor-11004 .elementor-element.elementor-element-2df6f6da > .elementor-widget-container{background-color:#FFFFFF00;}.elementor-11004 .elementor-element.elementor-element-2df6f6da img{width:28%;}.elementor-11004 .elementor-element.elementor-element-46a704ef .elementor-heading-title{font-size:14px;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-46a704ef .elementor-heading-title a:hover, .elementor-11004 .elementor-element.elementor-element-46a704ef .elementor-heading-title a:focus{color:#010102;}.elementor-11004 .elementor-element.elementor-element-46a704ef .elementor-heading-title a{transition-duration:0.8s;}.elementor-11004 .elementor-element.elementor-element-5e214b29{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:35px 35px 35px 35px;}.elementor-11004 .elementor-element.elementor-element-5e214b29:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-5e214b29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5D5AEE;}.elementor-11004 .elementor-element.elementor-element-67911030 > .elementor-widget-container{background-color:#FFFFFF00;}.elementor-11004 .elementor-element.elementor-element-67911030 img{width:28%;}.elementor-11004 .elementor-element.elementor-element-2233748f .elementor-heading-title{font-size:14px;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-2233748f .elementor-heading-title a:hover, .elementor-11004 .elementor-element.elementor-element-2233748f .elementor-heading-title a:focus{color:#010102;}.elementor-11004 .elementor-element.elementor-element-2233748f .elementor-heading-title a{transition-duration:0.8s;}.elementor-11004 .elementor-element.elementor-element-674936ed{--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;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-11004 .elementor-element.elementor-element-380d5dd5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:35px 35px 35px 35px;}.elementor-11004 .elementor-element.elementor-element-380d5dd5:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-380d5dd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#44D5B8;}.elementor-11004 .elementor-element.elementor-element-7b415e85 > .elementor-widget-container{background-color:#FFFFFF00;}.elementor-11004 .elementor-element.elementor-element-7b415e85 img{width:28%;}.elementor-11004 .elementor-element.elementor-element-6bb6475 .elementor-heading-title{font-size:14px;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-6bb6475 .elementor-heading-title a:hover, .elementor-11004 .elementor-element.elementor-element-6bb6475 .elementor-heading-title a:focus{color:#010102;}.elementor-11004 .elementor-element.elementor-element-6bb6475 .elementor-heading-title a{transition-duration:0.8s;}.elementor-11004 .elementor-element.elementor-element-1ec6980{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:35px 35px 35px 35px;}.elementor-11004 .elementor-element.elementor-element-1ec6980:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-1ec6980 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D86BCD;}.elementor-11004 .elementor-element.elementor-element-417de840 > .elementor-widget-container{background-color:#FFFFFF00;}.elementor-11004 .elementor-element.elementor-element-417de840 img{width:28%;}.elementor-11004 .elementor-element.elementor-element-330f3d1f .elementor-heading-title{font-size:14px;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-330f3d1f .elementor-heading-title a:hover, .elementor-11004 .elementor-element.elementor-element-330f3d1f .elementor-heading-title a:focus{color:#010102;}.elementor-11004 .elementor-element.elementor-element-330f3d1f .elementor-heading-title a{transition-duration:0.8s;}.elementor-11004 .elementor-element.elementor-element-17e14151{--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;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-11004 .elementor-element.elementor-element-6adeabc9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:35px 35px 35px 35px;}.elementor-11004 .elementor-element.elementor-element-6adeabc9:not(.elementor-motion-effects-element-type-background), .elementor-11004 .elementor-element.elementor-element-6adeabc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9795F0;}.elementor-11004 .elementor-element.elementor-element-720e23fb > .elementor-widget-container{background-color:#FFFFFF00;}.elementor-11004 .elementor-element.elementor-element-720e23fb img{width:28%;}.elementor-11004 .elementor-element.elementor-element-7c5a6c3b .elementor-heading-title{font-size:14px;color:#FFFFFF;}.elementor-11004 .elementor-element.elementor-element-7c5a6c3b .elementor-heading-title a:hover, .elementor-11004 .elementor-element.elementor-element-7c5a6c3b .elementor-heading-title a:focus{color:#010102;}.elementor-11004 .elementor-element.elementor-element-7c5a6c3b .elementor-heading-title a{transition-duration:0.8s;}.elementor-11004 .elementor-element.elementor-element-418e3918{--display:flex;}.elementor-11004 .elementor-element.elementor-element-195af5a5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11004 .elementor-element.elementor-element-195af5a5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11004 .elementor-element.elementor-element-195af5a5 .elementor-button .elementor-button-content-wrapper{gap:24px;}.elementor-11004 .elementor-element.elementor-element-195af5a5 .elementor-button{font-size:21px;border-style:none;border-radius:38px 38px 38px 38px;padding:20px 100px 20px 100px;}.elementor-11004 .elementor-element.elementor-element-450173d0{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-11004:not(.elementor-motion-effects-element-type-background), .elementor-11004 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11004{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-11004 .elementor-element.elementor-element-1341c2c0{--width:25%;}.elementor-11004 .elementor-element.elementor-element-122fb278{--width:25%;}.elementor-11004 .elementor-element.elementor-element-1392dd26{--width:25%;}.elementor-11004 .elementor-element.elementor-element-3f008490{--width:25%;}.elementor-11004 .elementor-element.elementor-element-5ed1ac57{--width:15%;}.elementor-11004 .elementor-element.elementor-element-58d0bec3{--width:20%;}.elementor-11004 .elementor-element.elementor-element-3680a79{--width:65%;}.elementor-11004 .elementor-element.elementor-element-129abae8{--width:50%;}.elementor-11004 .elementor-element.elementor-element-4d080b10{--width:50%;}.elementor-11004 .elementor-element.elementor-element-17c062df{--content-width:907px;}.elementor-11004 .elementor-element.elementor-element-76ce0310{--width:100%;}.elementor-11004 .elementor-element.elementor-element-3657293{--width:33.33%;}.elementor-11004 .elementor-element.elementor-element-674936ed{--width:33.33%;}.elementor-11004 .elementor-element.elementor-element-17e14151{--width:33.33%;}}/* Start custom CSS for html, class: .elementor-element-288e93e4 */.btn-energetico {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico i {
  font-size: 22px;
  transition: transform 0.3s;
}

.btn-energetico:hover i {
  transform: rotate(20deg) scale(1.2);
}

.btn-energetico::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55268080 */.btn-energetico-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico-icon .btn-icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.btn-energetico-icon:hover .btn-icon {
  transform: translateX(5px);
}

.btn-energetico-icon::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico-icon:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783f046b */.menu-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribución uniforme */
  gap: 16px;
  padding: 20px;
}

.btn-menu {
  flex: 1 1 18%; /* Ajuste uniforme de tamaño */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 35px;
  box-shadow: 0 5px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.btn-menu i {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Hover efecto */
.btn-menu:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.btn-menu:hover i {
  transform: rotate(15deg) scale(1.2);
}

/* Colores con degradado suave y discreto */
.btn-1 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
.btn-2 { background: linear-gradient(135deg, #a1c4fd, #c2e9fb); color:#333; }
.btn-3 { background: linear-gradient(135deg, #d4fc79, #96e6a1); }
.btn-4 { background: linear-gradient(135deg, #84fab0, #8fd3f4); }
.btn-5 { background: linear-gradient(135deg, #fccb90, #d57eeb); }
.btn-6 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.btn-7 { background: linear-gradient(135deg, #f6d365, #fda085); }
.btn-8 { background: linear-gradient(135deg, #a6c0fe, #f68084); }
.btn-9 { background: linear-gradient(135deg, #89f7fe, #66a6ff); }
.btn-10 { background: linear-gradient(135deg, #fbc2eb, #a18cd1); }
.btn-11 { background: linear-gradient(135deg, #fddb92, #d1fdff); color:#333; }

/* Adaptable a móvil */
@media(max-width: 1024px) {
  .btn-menu {
    flex: 1 1 45%; /* Dos botones por fila en tablets */
  }
}

@media(max-width: 600px) {
  .menu-botones {
    flex-direction: column;
    gap: 12px;
  }
  .btn-menu {
    flex: 1 1 100%; /* Un botón por fila en móviles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-288e93e4 */.btn-energetico {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico i {
  font-size: 22px;
  transition: transform 0.3s;
}

.btn-energetico:hover i {
  transform: rotate(20deg) scale(1.2);
}

.btn-energetico::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55268080 */.btn-energetico-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico-icon .btn-icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.btn-energetico-icon:hover .btn-icon {
  transform: translateX(5px);
}

.btn-energetico-icon::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico-icon:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783f046b */.menu-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribución uniforme */
  gap: 16px;
  padding: 20px;
}

.btn-menu {
  flex: 1 1 18%; /* Ajuste uniforme de tamaño */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 35px;
  box-shadow: 0 5px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.btn-menu i {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Hover efecto */
.btn-menu:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.btn-menu:hover i {
  transform: rotate(15deg) scale(1.2);
}

/* Colores con degradado suave y discreto */
.btn-1 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
.btn-2 { background: linear-gradient(135deg, #a1c4fd, #c2e9fb); color:#333; }
.btn-3 { background: linear-gradient(135deg, #d4fc79, #96e6a1); }
.btn-4 { background: linear-gradient(135deg, #84fab0, #8fd3f4); }
.btn-5 { background: linear-gradient(135deg, #fccb90, #d57eeb); }
.btn-6 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.btn-7 { background: linear-gradient(135deg, #f6d365, #fda085); }
.btn-8 { background: linear-gradient(135deg, #a6c0fe, #f68084); }
.btn-9 { background: linear-gradient(135deg, #89f7fe, #66a6ff); }
.btn-10 { background: linear-gradient(135deg, #fbc2eb, #a18cd1); }
.btn-11 { background: linear-gradient(135deg, #fddb92, #d1fdff); color:#333; }

/* Adaptable a móvil */
@media(max-width: 1024px) {
  .btn-menu {
    flex: 1 1 45%; /* Dos botones por fila en tablets */
  }
}

@media(max-width: 600px) {
  .menu-botones {
    flex-direction: column;
    gap: 12px;
  }
  .btn-menu {
    flex: 1 1 100%; /* Un botón por fila en móviles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-288e93e4 */.btn-energetico {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico i {
  font-size: 22px;
  transition: transform 0.3s;
}

.btn-energetico:hover i {
  transform: rotate(20deg) scale(1.2);
}

.btn-energetico::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55268080 */.btn-energetico-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico-icon .btn-icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.btn-energetico-icon:hover .btn-icon {
  transform: translateX(5px);
}

.btn-energetico-icon::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico-icon:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783f046b */.menu-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribución uniforme */
  gap: 16px;
  padding: 20px;
}

.btn-menu {
  flex: 1 1 18%; /* Ajuste uniforme de tamaño */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 35px;
  box-shadow: 0 5px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.btn-menu i {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Hover efecto */
.btn-menu:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.btn-menu:hover i {
  transform: rotate(15deg) scale(1.2);
}

/* Colores con degradado suave y discreto */
.btn-1 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
.btn-2 { background: linear-gradient(135deg, #a1c4fd, #c2e9fb); color:#333; }
.btn-3 { background: linear-gradient(135deg, #d4fc79, #96e6a1); }
.btn-4 { background: linear-gradient(135deg, #84fab0, #8fd3f4); }
.btn-5 { background: linear-gradient(135deg, #fccb90, #d57eeb); }
.btn-6 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.btn-7 { background: linear-gradient(135deg, #f6d365, #fda085); }
.btn-8 { background: linear-gradient(135deg, #a6c0fe, #f68084); }
.btn-9 { background: linear-gradient(135deg, #89f7fe, #66a6ff); }
.btn-10 { background: linear-gradient(135deg, #fbc2eb, #a18cd1); }
.btn-11 { background: linear-gradient(135deg, #fddb92, #d1fdff); color:#333; }

/* Adaptable a móvil */
@media(max-width: 1024px) {
  .btn-menu {
    flex: 1 1 45%; /* Dos botones por fila en tablets */
  }
}

@media(max-width: 600px) {
  .menu-botones {
    flex-direction: column;
    gap: 12px;
  }
  .btn-menu {
    flex: 1 1 100%; /* Un botón por fila en móviles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-288e93e4 */.btn-energetico {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico i {
  font-size: 22px;
  transition: transform 0.3s;
}

.btn-energetico:hover i {
  transform: rotate(20deg) scale(1.2);
}

.btn-energetico::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55268080 */.btn-energetico-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico-icon .btn-icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.btn-energetico-icon:hover .btn-icon {
  transform: translateX(5px);
}

.btn-energetico-icon::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico-icon:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783f046b */.menu-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribución uniforme */
  gap: 16px;
  padding: 20px;
}

.btn-menu {
  flex: 1 1 18%; /* Ajuste uniforme de tamaño */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 35px;
  box-shadow: 0 5px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.btn-menu i {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Hover efecto */
.btn-menu:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.btn-menu:hover i {
  transform: rotate(15deg) scale(1.2);
}

/* Colores con degradado suave y discreto */
.btn-1 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
.btn-2 { background: linear-gradient(135deg, #a1c4fd, #c2e9fb); color:#333; }
.btn-3 { background: linear-gradient(135deg, #d4fc79, #96e6a1); }
.btn-4 { background: linear-gradient(135deg, #84fab0, #8fd3f4); }
.btn-5 { background: linear-gradient(135deg, #fccb90, #d57eeb); }
.btn-6 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.btn-7 { background: linear-gradient(135deg, #f6d365, #fda085); }
.btn-8 { background: linear-gradient(135deg, #a6c0fe, #f68084); }
.btn-9 { background: linear-gradient(135deg, #89f7fe, #66a6ff); }
.btn-10 { background: linear-gradient(135deg, #fbc2eb, #a18cd1); }
.btn-11 { background: linear-gradient(135deg, #fddb92, #d1fdff); color:#333; }

/* Adaptable a móvil */
@media(max-width: 1024px) {
  .btn-menu {
    flex: 1 1 45%; /* Dos botones por fila en tablets */
  }
}

@media(max-width: 600px) {
  .menu-botones {
    flex-direction: column;
    gap: 12px;
  }
  .btn-menu {
    flex: 1 1 100%; /* Un botón por fila en móviles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-288e93e4 */.btn-energetico {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico i {
  font-size: 22px;
  transition: transform 0.3s;
}

.btn-energetico:hover i {
  transform: rotate(20deg) scale(1.2);
}

.btn-energetico::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55268080 */.btn-energetico-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico-icon .btn-icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.btn-energetico-icon:hover .btn-icon {
  transform: translateX(5px);
}

.btn-energetico-icon::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico-icon:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783f046b */.menu-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribución uniforme */
  gap: 16px;
  padding: 20px;
}

.btn-menu {
  flex: 1 1 18%; /* Ajuste uniforme de tamaño */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 35px;
  box-shadow: 0 5px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.btn-menu i {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Hover efecto */
.btn-menu:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.btn-menu:hover i {
  transform: rotate(15deg) scale(1.2);
}

/* Colores con degradado suave y discreto */
.btn-1 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
.btn-2 { background: linear-gradient(135deg, #a1c4fd, #c2e9fb); color:#333; }
.btn-3 { background: linear-gradient(135deg, #d4fc79, #96e6a1); }
.btn-4 { background: linear-gradient(135deg, #84fab0, #8fd3f4); }
.btn-5 { background: linear-gradient(135deg, #fccb90, #d57eeb); }
.btn-6 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.btn-7 { background: linear-gradient(135deg, #f6d365, #fda085); }
.btn-8 { background: linear-gradient(135deg, #a6c0fe, #f68084); }
.btn-9 { background: linear-gradient(135deg, #89f7fe, #66a6ff); }
.btn-10 { background: linear-gradient(135deg, #fbc2eb, #a18cd1); }
.btn-11 { background: linear-gradient(135deg, #fddb92, #d1fdff); color:#333; }

/* Adaptable a móvil */
@media(max-width: 1024px) {
  .btn-menu {
    flex: 1 1 45%; /* Dos botones por fila en tablets */
  }
}

@media(max-width: 600px) {
  .menu-botones {
    flex-direction: column;
    gap: 12px;
  }
  .btn-menu {
    flex: 1 1 100%; /* Un botón por fila en móviles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-288e93e4 */.btn-energetico {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico i {
  font-size: 22px;
  transition: transform 0.3s;
}

.btn-energetico:hover i {
  transform: rotate(20deg) scale(1.2);
}

.btn-energetico::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55268080 */.btn-energetico-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico-icon .btn-icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.btn-energetico-icon:hover .btn-icon {
  transform: translateX(5px);
}

.btn-energetico-icon::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico-icon:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783f046b */.menu-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribución uniforme */
  gap: 16px;
  padding: 20px;
}

.btn-menu {
  flex: 1 1 18%; /* Ajuste uniforme de tamaño */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 35px;
  box-shadow: 0 5px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.btn-menu i {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Hover efecto */
.btn-menu:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.btn-menu:hover i {
  transform: rotate(15deg) scale(1.2);
}

/* Colores con degradado suave y discreto */
.btn-1 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
.btn-2 { background: linear-gradient(135deg, #a1c4fd, #c2e9fb); color:#333; }
.btn-3 { background: linear-gradient(135deg, #d4fc79, #96e6a1); }
.btn-4 { background: linear-gradient(135deg, #84fab0, #8fd3f4); }
.btn-5 { background: linear-gradient(135deg, #fccb90, #d57eeb); }
.btn-6 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.btn-7 { background: linear-gradient(135deg, #f6d365, #fda085); }
.btn-8 { background: linear-gradient(135deg, #a6c0fe, #f68084); }
.btn-9 { background: linear-gradient(135deg, #89f7fe, #66a6ff); }
.btn-10 { background: linear-gradient(135deg, #fbc2eb, #a18cd1); }
.btn-11 { background: linear-gradient(135deg, #fddb92, #d1fdff); color:#333; }

/* Adaptable a móvil */
@media(max-width: 1024px) {
  .btn-menu {
    flex: 1 1 45%; /* Dos botones por fila en tablets */
  }
}

@media(max-width: 600px) {
  .menu-botones {
    flex-direction: column;
    gap: 12px;
  }
  .btn-menu {
    flex: 1 1 100%; /* Un botón por fila en móviles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-288e93e4 */.btn-energetico {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico i {
  font-size: 22px;
  transition: transform 0.3s;
}

.btn-energetico:hover i {
  transform: rotate(20deg) scale(1.2);
}

.btn-energetico::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55268080 */.btn-energetico-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(45deg, #ff6b6b, #feca57, #1dd1a1, #54a0ff);
  background-size: 300% 300%;
  border-radius: 50px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
  animation: gradientMove 3s ease infinite;
  position: relative;
  overflow: hidden;
}

.btn-energetico-icon .btn-icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.btn-energetico-icon:hover .btn-icon {
  transform: translateX(5px);
}

.btn-energetico-icon::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  transition: all 0.5s;
}

.btn-energetico-icon:hover::before {
  top: 0;
  left: 0;
}

.btn-energetico-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-783f046b */.menu-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribución uniforme */
  gap: 16px;
  padding: 20px;
}

.btn-menu {
  flex: 1 1 18%; /* Ajuste uniforme de tamaño */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 35px;
  box-shadow: 0 5px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.btn-menu i {
  font-size: 20px;
  transition: transform 0.3s ease;
}

/* Hover efecto */
.btn-menu:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.btn-menu:hover i {
  transform: rotate(15deg) scale(1.2);
}

/* Colores con degradado suave y discreto */
.btn-1 { background: linear-gradient(135deg, #ff9a9e, #fad0c4); }
.btn-2 { background: linear-gradient(135deg, #a1c4fd, #c2e9fb); color:#333; }
.btn-3 { background: linear-gradient(135deg, #d4fc79, #96e6a1); }
.btn-4 { background: linear-gradient(135deg, #84fab0, #8fd3f4); }
.btn-5 { background: linear-gradient(135deg, #fccb90, #d57eeb); }
.btn-6 { background: linear-gradient(135deg, #e0c3fc, #8ec5fc); }
.btn-7 { background: linear-gradient(135deg, #f6d365, #fda085); }
.btn-8 { background: linear-gradient(135deg, #a6c0fe, #f68084); }
.btn-9 { background: linear-gradient(135deg, #89f7fe, #66a6ff); }
.btn-10 { background: linear-gradient(135deg, #fbc2eb, #a18cd1); }
.btn-11 { background: linear-gradient(135deg, #fddb92, #d1fdff); color:#333; }

/* Adaptable a móvil */
@media(max-width: 1024px) {
  .btn-menu {
    flex: 1 1 45%; /* Dos botones por fila en tablets */
  }
}

@media(max-width: 600px) {
  .menu-botones {
    flex-direction: column;
    gap: 12px;
  }
  .btn-menu {
    flex: 1 1 100%; /* Un botón por fila en móviles */
  }
}/* End custom CSS */