:root {
	--text-gradient: linear-gradient(135deg, var(--color), var(--color2));
}
html{font-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: #fffbeb;}    
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;}

.text-xl {font-size: 1.125rem;line-height: 1.75rem;}
.text-xxl,.wbs-mod-custom-html-subtitle {font-size: 1.2rem; line-height: 1.3; font-weight: 500; }
.w-20{width: 20%;}
@media (max-width: 767px) {
h1{font-size: 2.5rem;}
h2{font-size: 2rem;}
h3{font-size: 1.5rem;}
}


.text-gradient, .wbs-grd {background-image: var(--text-gradient);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: bold;padding-right: 4px;}
.btn.wbs-btn-grd  {background-image: var(--text-gradient) !important; color: var(--body_bcolor) !important; }
.btn.wbs-btn-grd:hover {background-image: linear-gradient(to right, var(--color),var(--color2)) !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 .text-gradient {color: inherit;}



.btn-color2 {border-color: var(--alt_color);color: #fffbeb;  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: #fffbeb;}

.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: #fffbeb;}
.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;}


/* mini lista con inconos */
.wbs-icon-box-item {display: flex; align-items: center; gap: 1rem; margin-top: 1.5rem;}
.wbs-icon-item-icon{width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 1rem;
background-color: var(--alt_color2);color: var(--color2);}
.wbs-icon-item-img{width:5rem;height: 5rem;}
.wbs-icon-box-item-text {color: #fffbeb;font-size: 0.95rem;line-height: 1.4; flex: 1; text-align: left;}
.wbs-icon-box-item-text h5{margin-bottom: 0;}
.wbs-icon-box-item:hover .wbs-icon-item-icon {transform: translateY(-1px);transition: all 0.2s ease;}



/* Layout general */
.section-even{background-color: transparent  ;}
.section-odd{background: var(--body_bcolor);}
.mod-menu li{margin-bottom: 2px; }
.wbs-tpl-content-container {padding-top: 58px;}
.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: 58px;right: 0;	top: 0;	left: 0;z-index: 10;}
#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: 140px;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 .nav {align-items: center; gap: 0.7rem;}
#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: 200px;}


/* landings */
.wbs-landing-hero {padding: 100px 0 100px 0;}
.wbs-landing-section > div {padding-top: 100px; padding-bottom: 100px;}
.wbs-landing-section::after {content: "";display: block;width: 100%;height: 1px;
background: linear-gradient(to right, var(--body_bcolor), var(--color_transparent), var(--body_bcolor));margin: 0 auto; }


.wbs-mod-custom-html-subtitle{margin-top: -1rem; color: var(--text2);}
@media (max-width:767px){
.wbs-landing-section > div {padding-top: 80px;padding-bottom: 80px;}
}





/* 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;}

}





/* 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: 220px;margin-bottom: 50px;background: #fff9;padding: 10px 25px;border-radius: 12px;margin-top: 30px;}
.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;}
}


/* Pantalla de login y registros */
.wbs-register-referrer-fs {display: none;}
.wbs-form-separator {border-bottom: 0;}
.wbs-register-group-wrapper {padding: 20px 0 0;}
.wbs-register-card-header {text-align: center;}
.wbs-login-links {margin-top: 1rem; text-align: center;}
.wbs-register-article h4 {display: none;}
.wbs-register-article-body img {width: 20%; margin-bottom: 2rem;}
.wbs-register-sponsor-info {display: flex; align-items: center; gap: 24px; background: linear-gradient(135deg, #12213c, #0e1b32); 
border-radius: 16px; padding: 24px 28px !important; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 10px 30px rgba(0,0,0,0.35); transition: all 0.3s ease;}
.wbs-register-sponsor-info:hover {box-shadow: 0 12px 35px rgba(0,0,0,0.45);}
.wbs-sponsor-register-avatar {flex-shrink: 0;}
.wbs-sponsor-register-avatar img {width: 90px; height: 90px; border-radius: 50%; object-fit: cover; border: 3px solid #f5b942; box-shadow: 0 0 18px rgba(245,185,66,0.35);}
.wbs-register-sponsor-info-title {font-size: 15px; color: #9fb3d1; margin-bottom: 6px;}
.wbs-register-sponsor-info-name {font-size: 24px; font-weight: 700; color: #ffffff; margin-bottom: 4px;}
.wbs-register-sponsor-info-subtitle {font-size: 16px; color: #f5b942; font-weight: 500;}
@media (max-width: 768px) {
.wbs-register-sponsor-info {flex-direction: column; text-align: center; padding: 22px !important;} 
.wbs-sponsor-register-avatar img {width: 80px; height: 80px;} 
.wbs-register-sponsor-info-name {font-size: 20px;}
}




/* 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;}



/* micro testimonios */
.wbs-micro-testimonial{max-width: 480px;}
.wbs-micro-testimonial .card-body{padding: 16px 18px;}
.wbs-micro-testimonial-avatar{flex-shrink: 0; width: 56px;height: 56px; border-radius: 50%;padding: 3px;background: linear-gradient(135deg,var(--color), var(--color2));}
.wbs-micro-testimonial-avatar img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;background-color: #0f172a;}
.wbs-micro-testimonial-text{margin: 0;color: #e5e7eb;font-size: 0.95rem; line-height: 1.4; font-style: italic;}
.wbs-micro-testimonial-author{display: block;margin-top: 6px;font-size: 0.85rem;font-weight: 600;color: var(--color2);}
.wbs-micro-testimonial-text .fa-quote-left, .wbs-micro-testimonial-text .fa-quote-right {color: var(--color); font-size: 1.2rem;}
.glass {border: 1px solid rgba(255, 255, 255, 0.1);background-color: rgba(255, 255, 255, 0.05);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);
border-radius: 1rem;}

/* 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}
}

/* detalle de una oferta */
.wbs-sharing-bar-deal {display: none;}
.wbs-sharing-bar-deal, .wbs-deal-price-buy-gift, .wbs-deal-price-timeleft, .wbs-deal-number-sold {display: none;}
.wbs-deal-options-info, .wbs-deal-price-column > div { border-top: 0;}
.wbs-deal-left { border-right: 0;}
.wbs-deal .wbs-reviews, .wbs-deal-company-wrapper, .wbs-deal-conditions, .wbs-deal-description, .wbs-deal-features, .wbs-deal-include {border-bottom: 0;}

/* 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);}



/* sección fija 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);}
.wbs-team-mod h4{font-size: 1rem;}
@media (max-width:767px)
{
	.wbs-join-team-row{	gap: 25px 15px;}
	.wbs-join-team-row-item	{width: calc(50% - 8px);}
	.wbs-join-team-row-item-img {width: 100px;	height: 100px;	margin-bottom: 12px;	}
	.wbs-team-mod h4 {font-size: 0.8rem;	line-height: 1.3;}
}


/* sección fija de 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: #fffbeb;}
@media (max-width:767px){
.wbs-sponsor-mod-avatar {margin: 0 auto;}
}

/* Fotter generico de cada seccion */
.tsu-footer-message {margin: 80px auto 0; font-size: 24px; display: flex; gap: 10px; justify-content: center; color: var(--text);}
.tsu-footer-message i { font-size: 30px; }
.tsu-footer-message-text {position: relative;}
@media (max-width:767px){
.tsu-footer-message {margin: 60px auto 0;font-size: 18px;padding: 0 10%;align-items: center;}
.tsu-footer-message i {font-size: 24px;}
}


/* Fotter generico2  de cada seccion */
.tsu-footer-message-2 {margin-top: 60px;text-align: center;}
.tsu-footer-message-2 h3 {margin-bottom: 3px;}
.tsu-footer-message-2 button {margin-top:10px;}


/****************** Secciones Variables de la Landing page  ****************


/* Hero */
.wbs-tpl-hero {background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url('../../../images/landing/hero.jpg') no-repeat top center;
background-size: cover;}
.wbs-tpl-hero h1 {	font-size: 2.8rem;}
@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;}
.wbs-tpl-hero h1 {	font-size: 2.3rem;}
}

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




/* seccion de ventajas */
.wbs-advantages-mod {background: url('../../../images/landing/fondo1.jpg') no-repeat top center}
.tsu-ventaja-card { padding: 42px 20px; border: 1px solid var(--color_25); border-radius: 18px; background: rgba(4,16,35,.55); text-align: center; box-shadow: 0 0 24px rgba(38,150,255,.08); transition: all .25s ease; }
.tsu-ventaja-card:hover { transform: translateY(-4px); border-color: var(--color_50); box-shadow: 0 0 30px var(--color_25); }
.tsu-ventaja-icon { width: 110px; height: 110px; margin: 0 auto 24px; border: 1px solid var(--color_50); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 3rem; box-shadow: 0 0 24px var(--color_25); }
.tsu-ventaja-card h3 { margin-bottom: 18px; font-size: 1.4rem; font-weight: 800; }
.tsu-ventaja-line { width: 42px; height: 3px; margin: 0 auto 14px; border-radius: 3px; box-shadow: 0 0 12px var(--color);  background: var(--color);}
.tsu-ventaja-card p { margin: 0; color: var(--text2); }
@media (max-width: 767px)
{
    .tsu-ventaja-card { padding: 32px 22px; }
    .tsu-ventaja-icon { width: 90px; height: 90px; font-size: 2.4rem; }
    .tsu-ventaja-card h3 { font-size: 1.5rem; }
}



/* Sección del modelo */
.tsu-model-card { height: 100%; padding: 35px; border: 1px solid var(--color_50); border-radius: 20px; background: rgba(4,16,35,.55); box-shadow: 0 0 20px var(--color_25); }
.tsu-model-icon { width: 70px; height: 70px; border: 1px solid var(--color_50); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; flex-shrink: 0; }
.tsu-model-icon-small { width: 60px; height: 60px; border: 1px solid var(--color_50); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; flex-shrink: 0; }
.tsu-model-line { width: 50px; height: 3px; margin: 20px 0; background: var(--color); border-radius: 10px; }
.tsu-model-list { list-style: none; padding: 0; margin: 0; }
.tsu-model-list li { display: flex; align-items: center; gap: 15px; margin-bottom: 18px; font-size: 1.25rem; }
.tsu-model-list li i { font-size: .55rem; }
.tsu-model-bottom { display: flex; align-items: center; gap: 20px; margin-top: 30px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.1); }
.tsu-model-arrow { font-size: 4rem; text-shadow: 0 0 15px var(--color); }
.tsu-model-feature { display: flex; align-items: center; gap: 20px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left; }
.tsu-model-feature:last-child { border-bottom: 0; }
.tsu-model-feature div { font-size: 1.35rem; font-weight: 700; }
@media (max-width:991px)
{
	.tsu-model-arrow {transform: rotate(90deg);	margin: 20px 0;	}
	.tsu-model-card	{padding: 25px;}
    .tsu-model-list li { font-size: 1rem; }
    .tsu-model-feature div { font-size: 1.2rem; }

}


/* Seccion de participación */
.tsu-participa-section { padding: 40px 20px; }
.tsu-participa-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto 40px; }
.tsu-participa-card { padding: 36px; border-radius: 24px; background: rgba(4,16,35,.75); }
.tsu-participa-card-free { border: 2px solid rgba(24,155,153,.75); box-shadow: 0 0 25px rgba(24,155,153,.18); }
.tsu-participa-card-pro { border: 2px solid rgba(45,162,255,.75); box-shadow: 0 0 25px rgba(45,162,255,.18); }
.tsu-participa-header { display: flex; align-items: center; gap: 30px; }
.tsu-participa-icon { width: 140px; height: 140px; min-width: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 60px; }
.tsu-participa-card-free .tsu-participa-icon { border: 2px solid rgba(24,155,153,.8); color: var(--alt_color); box-shadow: 0 0 25px rgba(24,155,153,.35); }
.tsu-participa-card-pro .tsu-participa-icon { border: 2px solid rgba(45,162,255,.8); color: var(--color); box-shadow: 0 0 25px rgba(45,162,255,.35); }
.tsu-participa-title h3 { font-size: 2rem; margin-bottom: 0 }
.tsu-participa-subtitle { font-size: 1.1rem; font-weight: 500;  }
.tsu-participa-price { font-size: 1.4rem; font-weight: 500; }
.tsu-participa-divider { height: 1px; margin: 30px 0; background: rgba(255,255,255,.15); }
.tsu-participa-list { display: flex; flex-direction: column; gap: 24px; }
.tsu-participa-item { display: flex; align-items: center; gap: 10px; font-size: 1.1rem; text-align: left; }
.tsu-participa-card-free .tsu-participa-item i { color: var(--alt_color); }
.tsu-participa-card-pro .tsu-participa-item i { color: var(--color); }
.tsu-participa-item i { font-size: 1.5rem; }
.tsu-participa-footer { margin-top: 40px; padding: 18px 24px; border-radius: 16px; display: flex; align-items: center; gap: 14px; font-size: 1rem; }
.tsu-participa-card-free .tsu-participa-footer { border: 1px solid rgba(24,155,153,.5); color: var(--alt_color); }
.tsu-participa-card-pro .tsu-participa-footer { border: 1px solid rgba(45,162,255,.5); color: var(--color); }
.tsu-participa-footer i { font-size: 1.5rem; }
@media (max-width: 900px)
{
    .tsu-participa-section {padding: 0}
    .tsu-participa-grid { grid-template-columns: 1fr; }
    .tsu-participa-header { flex-direction: column; text-align: center; }
    .tsu-participa-share { flex-direction: column; text-align: center; }
    .tsu-participa-share-text { font-size: 1.5rem; }
    .tsu-participa-icon {width: 100px;height: 100px;min-width: 100px;font-size: 50px;}
    .tsu-participa-title h3 {font-size: 1.2rem;}
    .tsu-participa-item i {font-size: 1.2rem; text-align: left;}
}




/* Sección de ganar */

.tsu-ganar-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto 40px; }
.tsu-ganar-card { padding: 36px; border-radius: 24px; background: rgba(4,16,35,.75); }
.tsu-ganar-card-free { border: 2px solid var(--color_3_75); box-shadow: 0 0 25px var(--color_3_25); }
.tsu-ganar-card-pro { border: 2px solid rgba(45,162,255,.75); box-shadow: 0 0 25px rgba(45,162,255,.18); }
.tsu-ganar-header { display: flex; align-items: center; gap: 30px; }
.tsu-ganar-icon { width: 140px; height: 140px; min-width: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 60px; }
.tsu-ganar-card-free .tsu-ganar-icon { border: 2px solid var(--alt_color2); color: var(--alt_color2); box-shadow: 0 0 25px rgba(24,155,153,.35); }
.tsu-ganar-card-pro .tsu-ganar-icon { border: 2px solid rgba(45,162,255,.8); color: var(--color); box-shadow: 0 0 25px rgba(45,162,255,.35); }
.tsu-ganar-title h3 { font-size: 1.5rem; margin-bottom: 0 }
.tsu-ganar-subtitle { font-size: 1.1rem; font-weight: 500;  }
.tsu-ganar-price { font-size: 1.4rem; font-weight: 500; }
.tsu-ganar-divider { height: 1px; margin: 30px 0; background: rgba(255,255,255,.15); }
.tsu-ganar-list { display: flex; flex-direction: column; gap: 24px; }
.tsu-ganar-item { display: flex; align-items: center; gap: 10px; font-size: 1.1rem; text-align: left; }
.tsu-ganar-card-free .tsu-ganar-item i { color: var(--color_3); }
.tsu-ganar-card-pro .tsu-ganar-item i { color: var(--color); }
.tsu-ganar-item i { font-size: 1.5rem; }
.tsu-ganar-footer { margin-top: 40px; padding: 18px 24px; border-radius: 16px; display: flex; align-items: center; gap: 14px; font-size: 1rem; }
.tsu-ganar-card-free .tsu-ganar-footer { border: 1px solid rgba(24,155,153,.5); color: var(--alt_color); }
.tsu-ganar-card-pro .tsu-ganar-footer { border: 1px solid rgba(45,162,255,.5); color: var(--color); }
.tsu-ganar-footer i { font-size: 1.5rem; }
.tsu-footer-message-text-left::after {content: "";width: 2px;height: 33px;background: rgba(255,255,255,0.6);display: block;position: absolute;
top: 3px;right: -1px;border-radius: 2px;}
.tsu-ganar-section .tsu-footer-message {gap: 0px;}
.tsu-footer-message-text-left::before {content: "";width: 153px;height: 1px;background: var(--text-gradient);display: block;
	position: absolute;top: 19px;left: 90px;border-radius: 2px;
}
.tsu-footer-message-text-right::before {content: "";width: 153px;height: 1px;background: var(--color_3);display: block;
	position: absolute;top: 19px;right: 90px;border-radius: 2px;
}
@media (max-width: 900px)
{
    .tsu-ganar-grid { grid-template-columns: 1fr; }
    .tsu-ganar-header { flex-direction: column; text-align: center; }
    .tsu-ganar-share { flex-direction: column; text-align: center; }
    .tsu-ganar-share-text { font-size: 1.5rem; }
    .tsu-ganar-icon {width: 100px;height: 100px;min-width: 100px;font-size: 50px;}
    .tsu-footer-message-text-left::before {display: none;}
    .tsu-footer-message-text-right::before {display: none;}
}


/* Sección del camino */

.tsu-camino-container { max-width: 1400px; margin: 0 auto; padding: 20px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 30px; background: rgba(4,16,35,.55); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tsu-camino-step { flex: 1; text-align: center; }
.tsu-camino-icon { width: 140px; height: 140px; margin: 0 auto 25px; border-radius: 50%; border: 2px solid var(--color); display: flex; align-items: center; justify-content: center; color: var(--color); font-size: 60px; box-shadow: 0 0 25px rgba(45,162,255,.25); }
.tsu-camino-step h3 { margin-bottom: 15px; font-size: 1.4rem; font-weight: 800; color: var(--color); height: 50px; display: flex; align-items: center; justify-content: center; }
.tsu-camino-step p { margin: 0; font-size: 16px; line-height: 1.3; color: rgba(255,255,255,.9); }
.tsu-camino-arrow { color: var(--color); font-size: 2rem; opacity: .8; }
.tsu-camino-arrow i { display: flex; align-items: center; justify-content: center; margin-top: 106px; }
.tsu-camino-step-final .tsu-camino-icon { border-color: var(--color_3); color: var(--color_3); box-shadow: 0 0 25px rgba(255,193,7,.25); }
.tsu-camino-step-final h3 { color: var(--color_3); }
@media (max-width: 900px)
{
    .tsu-camino-container { flex-direction: column; }
    .tsu-camino-arrow { transform: rotate(90deg); }
    .tsu-camino-step { width: 100%; display: flex; gap: 20px; text-align: left; }
    .tsu-camino-icon { width: 100px; height: 100px; font-size: 48px; margin: 0; }
    .tsu-camino-step h3 { font-size: 1.4rem;text-align: left; justify-content: left;  margin-bottom: 0;display: block; height: auto; }
    .tsu-camino-step p { font-size: 0.8rem; }
    .tsu-camino-icon-info { text-align: left;}
    .tsu-camino-step-text {flex: 1;}
    .tsu-camino-arrow i {margin-top: 0;}
    .tsu-camino-container {gap: 40px;}
}