html{ont-size: 18px;}
body{font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings:"wdth" 100;font-size: 1rem;}
.wbs-simple-contact-header > h4 {font-size: 40px;font-weight: 900;}


/* typography */
h1,h2,h3,h4,h5,h6 {color: #fafafa;}    
h1{font-size: 3.2rem;font-weight: 700;line-height: 1.1;margin-bottom: 1.5rem;}
h2{font-size: 3rem;font-weight: 700;line-height: 1.2;margin-bottom: 1.2rem;}
h3{font-size: 2rem;font-weight: 700;line-height: 1.2;margin-bottom: 1.2rem;}
h4{font-size: 1.25rem;font-weight: 700;line-height: 1.2;margin-bottom: 1.2rem;}
li{margin-bottom: 6px;} 
.text-xl {font-size: 1.2rem;}
.text-xxl,.wbs-mod-custom-html-subtitle {font-size: 1.4rem; line-height: 1.3;}
@media (max-width: 767px) {
h1{font-size: 2.5rem;}
h2{font-size: 2rem;}
}


.text-gradient, .wbs-grd {background-image: linear-gradient(to right, var(--color2), var(--color3));-webkit-background-clip: text;background-clip: text;color: transparent;}
.btn.wbs-btn-grd  {background-image: linear-gradient(to right, var(--color2), var(--color3)) !important; color: #FFFFFF !important; }
.btn.wbs-btn-grd:hover {background-image: linear-gradient(to right, var(--color2), #1363f7) !important; 
    transform: translateY(-1px); /* Desplazamiento suave hacia arriba */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), 0 0 15px var(--color2); /* Glow suave */
    cursor: pointer;
}



.btn-color2 {border-color: var(--alt_color);color: #FFFFFF;  background: linear-gradient(90deg, #ff7b32, #ff5722);}
.btn-color2:hover, .btn-color2:focus, .btn-color2:active  {background: linear-gradient(90deg, hsl(21, 100%, 50%), hsl(14, 100%, 45%));border-color: #c96822; color: #FFFFFF;}

.btn-color2:not(:disabled):not(.disabled).active, .btn-color2:not(:disabled):not(.disabled):active, .show > .btn-color2.dropdown-toggle {background-color: #c96822;border-color: #c96822;}
.btn-color3 {background-color: var(--alt_color2);border-color: var(--alt_color2);color: #FFFFFF;}
.btn-color3:hover, .btn-color3:focus, .btn-color3:active  {background-color: #fc843d;border-color: #fc843d;}
.btn-color3:not(:disabled):not(.disabled).active, .btn-color3:not(:disabled):not(.disabled):active, .show > .btn-color3.dropdown-toggle {background-color: #fc843d;border-color: #fc843d;}




/* Layout general */
.section-even{background-color: transparent  ;}
.section-odd{background: #222;}
.mod-menu li{margin-bottom: 2px; }
.wbs-tpl-content-container {padding-top: 80px;}
.swal2-content {line-height: 1.5 !important;}
@media (max-width: 767px) {
.wbs-tpl-content-wrapper {padding: 50px 0;}
.wbs-full-width-above {padding-top: 5px;}
.wbs-tpl-content-container {padding-top: 0;}
}


/* mensaje de sistema */
joomla-alert {border-radius: 14px !important;padding: 18px 22px !important;font-size: 1rem;  backdrop-filter: blur(8px) saturate(180%);margin-top: 20px;
    -webkit-backdrop-filter: blur(8px) saturate(180%);  border: 1px solid rgba(255,255,255,0.10) !important;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);}

joomla-alert .alert-message {color: #e5e9f0 !important; font-weight: 500;}
joomla-alert .joomla-alert--close {background: transparent !important; border: none !important;color: #ccc !important;opacity: 0.7;font-size: 1.3rem;transition: 0.25s ease;}
joomla-alert .joomla-alert--close:hover {opacity: 1;color: white !important;transform: scale(1.2);}
joomla-alert[type="info"] {background: #64b3ffaa;border-left: 3px solid #64b3ff !important;}
joomla-alert[type="success"] {background: rgba(34, 255, 158, 0.5);border-left: 3px solid #22ff9e !important;}
joomla-alert[type="error"] {background: rgba(255, 79, 79, 0.5);border-left: 3px solid #ff4f4f !important;}
joomla-alert[type="danger"] {background: rgba(255, 79, 79, 0.5);border-left: 3px solid #ff4f4f !important;}
joomla-alert[type="warning"] {background: rgba(255, 221, 87, 0.5);border-left: 3px solid #ffdd57 !important;}


/* layout web */
.frontpage .wbs-tpl-content-wrapper {padding: 0;}


/* Top header */
.wbs-tpl-header-right {margin-top: 0}
.wbs-tpl-top-menu-wrapper.wbs-tpl-top-menu-wrapper-right {display: flex;align-items: center;gap: 0.3rem; justify-content: end;padding-right: 1rem;}
.wbs-tpl-header-top-wrapper {padding: 7px 0 4px;background: var(--color);}
.wbs-tpl-top-menu-wrapper .nav > li > a {color: var(--menu_text);}
.wbs-tpl-top-menu-wrapper .nav > li > a:hover {color: var(--menu_text_hover);}
.wbs-favorites-module {margin:  0.4rem 0;color: #fff;}
.wbs-cart-module {padding: 0;margin: 0;color: #fff;}
.wbs-cart-module a {color: #fff;}
.wbs-cart-module-link {color: var(--header_text); transition: color ease-in 0.2s;}
.wbs-cart-module-link:hover {color: #000;}
.wbs-mod-welcome {color: var(--menu_text);font-size: 0.8rem;}
.fa-light.fa-bell.fa-lg.text-secondary.fa-fw {color: var(--header_text) !important;}
.wbs-notifications-module {margin: 0}
.wbs-tpl-header-right .p-2 {padding: 0 .5rem !important;}
.wbs-notifications-module .active {margin: 0;color: #f88787;}
#wbs-tpl-menu-wrapper .nav > li > * { font-size: 14px;}
#wbs-tpl-top-menu-wrapper .nav > li > a {font-size: 13px;	line-height:13px; padding: 0.5rem 0.8rem !important; border: 0;}
.wbs-tpl-header-left {font-size: 13px;line-height: 15px;display: flex;align-items: center;justify-content: start;gap: 10px;color: #fff;}


/*header*/
.wbs-tpl-header-center {margin-top:0}
#wbs-tpl-header-wrapper {border-bottom: 0 solid var(--line);padding: 0.5rem 1rem;position: fixed;height: 80px;right: 0;	top: 0;	left: 0;z-index: 1;}
#wbs-tpl-header {margin: 0 auto;}
header{max-width: 100%;}
.frontpage header {border-bottom: 0}
#wbs-tpl-header > .row {align-items: center;}
.wbs-logo {width: 60px;margin: 0;}
#wbs-tpl-header > .row {align-items: center;}



/*Header mobile */
#wbs-tpl-phone-header-wrapper {border-bottom: 1px solid #414958;}
.wbs-mobile-menu > ul > .deeper > ::after {border-left: 0;}
.wbs-mobile-menu > ul > li > ul > li > ul > li {text-indent: 20px;}
.wbs-tpl-phone-menu-button-search {display: none;}
.wbs-tpl-phone-menu-button { border-left: 0;}
.wbs-logo-movil {text-align: left;}

.wbs-mobile-menu {background: #191d22;}
.wbs-mobile-menu li > a, .wbs-mobile-menu li > span {color: var(--text);font-size: 16px; padding: 10px 20px;}
.wbs-mobile-menu li > a:hover {	background-color: #343536; color: #FFF;}
.wbs-mobile-menu > ul {padding-bottom: 10px;}
.wbs-mobile-menu .btn.wbs-btn-grd {margin: 15px 20px 0 20px;}





/* menu principal */
#wbs-tpl-menu-wrapper, #wbs-tpl-menu-wrapper .navbar-inner {background-color: transparent;border: 0;}
#wbs-tpl-menu-wrapper .nav > li > *  {border-bottom: 3px solid transparent; transition: all ease-in-out 0.3s; font-family: 'Golos Text', sans-serif;}
#wbs-tpl-menu-wrapper .nav > .active {border-bottom: 0}
#wbs-tpl-menu-wrapper .nav > li > * {color: var(--menu_text);}
.frontpage .wbs-cart-module-link {color: #fff;}
#wbs-tpl-menu-wrapper .dropdown-menu {padding:.9rem 0;background-color:var(--menu_bcolor);border-radius: 0;min-width: 300px;left:0;opacity: 0;} /* Si ponemos display:block funciona el efecto de los item menu moviendose pero se activa el menu a cada rato */
#wbs-tpl-menu-wrapper .dropdown-menu > li > a {color: var(--text);font-size: 15px;}
#wbs-tpl-menu-wrapper .dropdown-menu > li > a {font-size: 15px;font-family: 'Golos Text', sans-serif}
#wbs-tpl-menu-wrapper .dropdown-menu > li > a:hover {color: var(--color)}
#wbs-tpl-menu-wrapper ul.nav li.dropdown > ul.dropdown-menu > li {transform: translate3d(0,13px,0); transition: transform cubic-bezier(.2,.8,.25,1) .65s }
#wbs-tpl-menu-wrapper ul.nav li.dropdown:hover > ul.dropdown-menu > li {transform: translate3d(0,0,0);}
#wbs-tpl-menu-wrapper ul.nav li.dropdown:hover > ul.dropdown-menu {opacity: 1;}
#wbs-tpl-menu-wrapper .nav > .dropdown > .dropdown-menu  {z-index: 1000;}
#wbs-tpl-menu-wrapper .nav > .dropdown > .dropdown-menu .dropdown-menu {z-index: 2000;left: 250px; top: 5px;}
#wbs-tpl-menu-wrapper ul {align-items: center;}
#wbs-tpl-menu-wrapper .nav > li {padding: .5rem 0;}


/* footer */
.wbs-tpl-footer a{font-size: 14px;	line-height: 20px;}
.wbs-tpl-footer-wrapper {border-top: 1px solid #414958; padding: 3rem 0;}
.wbs-logo-footer {width: 80px;}


/* landings */
.wbs-landing-hero {padding: 100px 0 100px 0;}
.wbs-landing-section > div {padding-top: 100px; padding-bottom: 100px;}
.wbs-mod-custom-html-subtitle{margin-top: -1rem;}
@media (max-width:767px){
.wbs-landing-section > div {padding-top: 80px;padding-bottom: 80px;}
}


/* Hero */
.wbs-tpl-hero {background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url('../../../images/landing/hero.jpg') no-repeat top center;
background-size: cover;}
@media (max-width:767px){
.wbs-landing-hero  .wbs-mod-custom-html-title { text-align: center;}
.wbs-landing-hero {padding: 40px 0 80px 0;}
.wbs-landing-hero .wbs-mod-custom-html > .row {flex-direction: column-reverse;}
.wbs-landing-hero .wbs-mod-custom-html-video{margin-top: 1rem;}
.wbs-mod-custom-html-subtitle {text-align: center;}
}


/* layouts de los custom html modules */
.wbs-mod-custom-html-video .wbs-video-wrapper {overflow: hidden !important;border-radius: 16px !important;}
@media (max-width:767px){
.wbs-mod-custom-html-content{text-align: center;}
.wbs-mod-custom-html-video .wbs-video-wrapper {width: 100%;margin: 0 auto !important;border-radius: 8px !important;}
ul{text-align: left;}
.wbs-tpl-footer-wrapper ul {text-align: center;}

}

/* seccion de caracteristicas*/
.wbs-productos-mod {background: url('../../../images/landing/fondo1.jpg') no-repeat top center;background-size: cover;}
.wbs-features-row {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
.wbs-feature-item {width: 290px; height: 290px; border-radius: 50%; position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;padding: 25px;box-sizing: border-box;background: rgba(255, 255, 255, 0.03);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(59, 130, 246, 0.3);box-shadow: 0 0 25px rgba(59, 130, 246, 0.15), inset 0 0 20px rgba(59, 130, 246, 0.5);transition: all 0.3s ease;}

.wbs-feature-item:hover {transform: translateY(-5px) scale(1.02);border-color: rgba(59, 130, 246, 0.8);box-shadow: 0 0 40px rgba(59, 130, 246, 0.4) , inset 0 0 20px rgba(59, 130, 246, 0.5);background: rgba(255, 255, 255, 0.07);}
/* Opcional: limitar ancho máximo para que la segunda fila quede perfecta */
.wbs-features-row {max-width: 1100px;margin: 0 auto;}
.wbs-feature-title h4 {margin: 0 0 10px 0; text-shadow: 0 2px 4px rgba(0,0,0,0.5);}
.wbs-feature-item i {font-size: 2.5rem; color: var(--color); margin-bottom: 10px; display: block;}
.wbs-feature-list {color: #cbd5e1; font-size: 0.95rem; line-height: 1.5; }


/* seccion de ventajas*/
.wbs-advantages-row {display: flex;gap: 50px;flex-wrap: wrap;}
.wbs-advantage-item {max-width: calc(33.33% - 50px);padding: 1.5rem; border: 1px solid hsl(220, 15%, 20%);background: #161a1f; border-radius: 1rem;transition: all 0.5s ;}
.wbs-advantage-title {margin-top: 1rem;}
.wbs-advantage-image {border-radius: 5px;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 1.5rem;background-image: linear-gradient(to right, var(--color2), var(--color3));width: 50px;height: 50px;} 
.wbs-advantage-item:hover {border-color: var(--color); box-shadow: 0px 5px 30px var(--color2);}
@media (max-width:767px){
.wbs-advantage-item { max-width: 100%;}
}


/* seccion de como gano */
.wbs-gana-item {padding: 1.5rem;border: 1px solid hsl(220, 15%, 20%);background: #161a1f;border-radius: 1rem;transition: all 0.5s;}
.wbs-gana-item:hover {border-color: var(--color); box-shadow: 0px 5px 30px var(--color2)}
.wbs-gana-item h4{text-align: center;}
.wbs-gana-icon {font-size: 2.5rem;display: block;text-align: center;margin: 0 auto;margin-bottom: 1rem;}


/* section de empresa */
.wbs-enterprise-mod .wbs-mod-custom-html-video {width: 70%;margin: 0 auto; margin-top: 3rem;}
@media (max-width:767px){
.wbs-enterprise-mod .wbs-mod-custom-html-video {width: 100%;}
}


/* sección de unente a nuestro equipo */
.wbs-team-mod {background: radial-gradient(circle at 50% 30%, rgba(40, 90, 255, 0.25) 0%, rgba(20, 40, 80, 0.10) 40%,rgba(10, 20, 40, 1) 100%),linear-gradient(135deg,#0a0f2b 0%,#0d1333 40%,#081024 100%);background-blend-mode: screen, normal;}
.wbs-join-team-row {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 60px; margin-top: 40px;}
.wbs-join-team-row-item-img {width: 180px;height: 180px;border-radius: 50%; margin: 0 auto 20px; display: flex;justify-content: center;align-items: center;border: 2px solid rgba(0, 122, 255, 0.6); box-shadow: 0 0 20px rgba(0, 122, 255, 0.4), 0 0 40px rgba(0, 122, 255, 0.25),0 0 60px rgba(0, 122, 255, 0.15);transition: all 0.3s ease;}
.wbs-join-team-row-item-img img {width: 70%; height: auto; display: block;}
.wbs-join-team-row-item-img:hover {transform: translateY(-5px) scale(1.05); border-color: rgba(0, 150, 255, 0.9);box-shadow:0 0 25px rgba(0, 150, 255, 0.7),0 0 60px rgba(0, 150, 255, 0.4),0 0 90px rgba(0, 150, 255, 0.25);}


/* sección referenciador */
.wbs-sponsor-mod {background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)),url('../../../images/landing/fondo2.jpg') no-repeat top center;
background-size: cover;}
.wbs-sponsor-mod-avatar  {width: 80%;}
.wbs-sponsor-mod-avatar img {border: 3px solid #1f2e26;border-radius: 10px;}
.wbs-sponsor-mod-msg {font-size: 1.2rem;line-height: 1.4;margin-top: 1rem;color: #FFFFFF;}
@media (max-width:767px){
.wbs-sponsor-mod-avatar {margin: 0 auto;}
}


/* modal popup de contacto y registo */
.wbs-tsunami-modal-img{margin: 0 25%;}
.wbs-tsunami-modal-sponsor{font-size: 1rem; margin-top: 1rem; padding: 0 20px 0; color: #999;}
.wbs-tsunami-modal-page {margin: 2rem}
.btn.btn-whatsapp {background: #25d366;display: flex;align-items: center;color: #fff;}
.wbs-password-eye {right: 16px;}
.help-block {margin-top: 5px !important;text-align: left;}
.iti__country-list {color: #666;   font-size: 12px;   z-index: 200;}ç
.iti--allow-dropdown input, .iti--allow-dropdown input[type="text"], .iti--allow-dropdown input[type="tel"], .iti--separate-dial-code input, 
.iti--separate-dial-code input[type="text"], .iti--separate-dial-code input[type="tel"] {padding-left: 52px !important;}

/* ------  MODAL — CONTENEDOR PRINCIPAL -----*/
#wbs-tsunami-modal .modal-dialog { max-width: 640px;transform: translateY(0px); transition: transform 0.35s ease, opacity 0.35s ease;}
#wbs-tsunami-modal.show .modal-dialog {transform: translateY(0px); opacity: 1;}
#wbs-tsunami-modal .modal-content {background: rgba(15, 18, 28, 0.65); backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%); border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 25px 50px rgba(0,0,0,0.45);}


/* -----   TIPOGRAFÍA  --------*/
#wbs-tsunami-modal h4, #wbs-tsunami-modal h3 { font-weight: 700; letter-spacing: 0.5px; color: #fff;}
.wbs-tsunami-modal-body.mb-4 {padding: 0 2rem;}
.wbs-tsunami-modal-subtitle {font-style: italic;}
#wbs-tsunami-modal p, #wbs-tsunami-modal label { color: #ccd3e0;}
/* -----   CAMPOS DE FORMULARIO  --------*/
#wbs-tsunami-modal .form-control, #wbs-tsunami-modal .form-select { border: 1px solid rgba(255,255,255,0.15); color: #fff; border-radius: 10px; padding: 12px;}


#wbs-tsunami-modal .form-control:focus,#wbs-tsunami-modal .form-select:focus { border-color: #00c8ff; box-shadow: 0 0 0 0.2rem rgba(0,200,255,0.15);}
.wbs-tsunami-modal-page { animation: fadeIn 0.4s ease both;}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* -----   HEADER — BOTÓN CERRAR  --------*/
#wbs-tsunami-modal .btn-close {filter: invert(1); opacity: 0.7; transition: 0.25s;}
#wbs-tsunami-modal .btn-close:hover {opacity: 1; transform: rotate(90deg);}


/* Pantalla de login  */
.wbs-login-page #wbs-tpl-header-wrapper {display: none;}
.wbs-login-page .wbs-tpl-footer-wrapper {display: none;}
.wbs-login-page .wbs-tpl-content-container {padding: 0;}
.wbs-register-card-header{text-align: center;}
.wbs-login-logo{text-align: center;}
.wbs-login-logo img{width: 150px;}
.wbs-login-logo h2{font-size: 1.5rem;text-shadow: #000 1px 1px 2px;}
.wbs-login-card {background-color: rgba(255,255,255,0.7);padding: 2rem;border-radius: 22px;color: #000;width: 475px;margin: 0 auto;}
.wbs-login-links {text-align: center; }
@media (max-width: 767px) {
.wbs-login-card {width: 95%;}
.wbs-login-page .wbs-tpl-content-container {background: unset;}
.wbs-login-page .wbs-tpl-phone-menu-menu {display: none;}
.wbs-login-page .wbs-tpl-content-wrapper {padding: 0;}
}


/* modulo solicita una demo */
#wbs-we-call-you-modal > .modal-dialog {margin-top: 5rem;}
.wbs-we-call-you-module {text-align: center;background-color: #f0f0f0;padding-bottom: 80px;}
@media (max-width: 767px) {
#wbs-we-call-you-modal > .modal-dialog {margin-top: 1rem;}
}
.wbs-carousel-container {justify-content: center;	gap: 5px;}


/* whatsapp */
.wbs-whatsapp-mod {position: fixed;bottom: 70px;right: -5px;z-index: 9999;width: 75px;}
.wbs-whatsapp-mod a {width: 50px;height: 50px;line-height: 50px;background: transparent;}
.wbs-whatsapp-mod a:hover{background:transparent; transform: translateY(-5px);}

/* Footer y copyright */
.wbs-tpl-footer-col-1 {font-size: 14px;line-height: 140%;margin: 0 40px 0 0 !important;flex:2}
.wbs-tpl-footer h3 {margin: 0 0 1rem;}
.wbs-payment i {font-size: 20px;margin-right: 4px;margin-top: 3px;}
.wbs-tpl-copyright-wrapper {padding: 10px 0;}
.wbs-payment.mt-2 {margin-bottom: 15px;}
.nav-item.item-1110 a,.nav-item.item-1111 a {font-weight: bold;margin-top: 10px;}
.nav.fcl-footer-mod {margin-top: 20px;}
@media (max-width: 767px) {
.wbs-tpl-footer-col.wbs-tpl-footer-col-1 {margin: 0 5% !important;text-align: center;}
.wbs-logo-footer {margin: 0 auto;}
.nav.fcl-footer-mod {width: 150px;	margin: 20px auto;}
.wbs-kd-logos {width: 100%; margin: 0 auto}
}