:root {
	--text-gradient: linear-gradient(135deg, var(--color3), var(--color2));
}
html{font-size: 18px;}
body{font-family: "DM Sans", 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,.texto-logo {color: #1d2930; font-family: "Playfair Display", serif;}    
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;}

.item-page h1
{
font-size:2rem;
}

.text-xl {font-size: 1.125rem;line-height: 1.75rem;}
.text-xxl,.wbs-mod-custom-html-subtitle {font-size: 1.4rem; line-height: 1.3;}
.texto-logo {font-size: 1.5rem;font-weight: 700;letter-spacing: -.025em;}
.w-20{width: 20%;}
@media (max-width: 767px) {
h1{font-size: 2.5rem;}
h2{font-size: 2rem;}
}



.text-gradient, .wbs-grd {background-image: var(--text-gradient);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: bold;}
.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;}
 
/* formulario */ 
.form-control,.form-select,input,textarea,select{width:100%;padding:16px 20px;font-size:16px;font-family:inherit;color:#2c3e44;background:#faf8f5;border:1px solid #e3e0db;border-radius:16px;outline:none;transition:all .25s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(0,0,0,0.03);}
.form-control::placeholder,textarea::placeholder,input::placeholder{color:#8a949a;}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:#2f6f6a;background:#f7f6f3;box-shadow:0 0 0 3px rgba(47,111,106,0.12);}
textarea.form-control,textarea{min-height:160px;resize:vertical;}
input[type="checkbox"],input[type="radio"]{width:auto;}
input[type="checkbox"]{width:18px;height:18px;margin-right:8px;}
button,input[type="submit"],.btn{background:#8fa39a;color:white;padding:16px 34px;border:none;border-radius:16px;font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .25s ease;}
button:hover,input[type="submit"]:hover,.btn:hover{background:#7f938b;transform:translateY(-1px);}


/* mini lista con inconos */
.opt-contact {max-width:420px;}
.wbs-icon-box-item {display:flex;align-items:flex-start;gap:18px;margin-bottom:32px;}
.wbs-icon-item-img {width:60px;height:60px;background:#e9e7e1;border-radius:14px;display:flex;align-items:center;justify-content:center;}
.wbs-icon-item-img i{font-size:26px;color:#2f6f6a;}
.wbs-icon-box-item-text h5{margin:0 0 6px 0;font-size:22px;font-weight:600;color:#1f2c3a;}
.wbs-icon-box-item-text div{font-size:16px;line-height:1.6;color:#5f6f79;}



/* Layout general */
.section-even{background-color: #f3efe9  ;}
.section-odd{background: var(--body_bcolor);}
.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-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-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-header-top-wrapper {padding: 0;background: var(--color);}

#wbs-tpl-top-menu-wrapper {justify-content: start;}
#wbs-tpl-top-menu-wrapper .nav {gap:14px}
#wbs-tpl-top-menu-wrapper .nav > li > a {font-size: 14px;	line-height:14px; padding: 0 !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;}
#wbs-tpl-top-menu-wrapper-2  .nav{justify-content: end;gap: 20px;}
#wbs-tpl-top-menu-wrapper-2 .nav > li > a {text-decoration: none;color: var(--header_text);	box-shadow: none;
	text-shadow: none;	background: transparent;   font-size: 14px;	line-height: 14px;	padding: 0 !important;	border: 0;}
#wbs-tpl-top-menu-wrapper .nav > li > a:hover,#wbs-tpl-top-menu-wrapper-2 .nav > li > a:hover{color: #a4beb9;}
/*header*/


.wbs-tpl-header-center {margin-top:0}
#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: 80px;margin: 0;margin: 10px 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 li > a, .wbs-mobile-menu li > span {color: var(--text);font-size: 16px; padding: 10px 20px;}
.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 .nav > li > * { font-size: 14px;}

#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: 1.5rem;}
#wbs-tpl-menu-wrapper .nav > li {padding: .5rem 0; }
#wbs-tpl-menu-wrapper .nav > li > a {color: var(--menu_text);text-transform: uppercase;letter-spacing: .025em;}


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


/* landings */
.wbs-landing-hero {padding: 100px 0 100px 0;}
.wbs-landing-section > div {padding-top: 90px; padding-bottom: 90px;}
.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 {color: #67777e;font-size: 18px;font-weight: 300;margin: -6px 20% 0;line-height: 1.3;}
@media (max-width:767px){
.wbs-landing-section > div {padding-top: 80px;padding-bottom: 80px;}
}


/* Hero */
.wbs-tpl-hero .wbs-wbanner-banner-item {height: 80vh;overflow: hidden;min-height: 500px !important; background-position:center center ;}
.wbs-tpl-hero .wbs-wbanner-banner-item-inner {display: flex;flex-direction: column;justify-content: center;height: 100%;}
.wbs-tpl-hero .wbs-wbanner-banner-item-overlay {background: linear-gradient(135deg,#1d2930b3,#2c6d6666);}
.wbs-tpl-hero .wbs-wbanner-banner-item-overlay {background: linear-gradient(135deg,#1d2930b3,#2c6d6666);}
.wbs-tpl-hero .wbs-wbanner-banner-9 .wbs-wbanner-title h2 {	line-height: 1.1;}
@media (max-width:767px){
.wbs-tpl-hero .wbs-wbanner-banner-item {height: 68vh;min-height: 400px !important;}
}


/* layouts de los custom html modules */
.wbs-mod-custom-html-video .wbs-video-wrapper {overflow: hidden !important;border-radius: 16px !important;}
.wbs-pretitle {text-transform: uppercase;color: var(--color2);font-weight: 600;font-size: 15px;letter-spacing: .1em;margin-bottom: 14px;}
@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; }

/* CONTENEDOR DE LAS DOS FEATURES SUPERIORES */ 
.wbs-features-row { display: flex; gap: 3rem; justify-content: center; align-items: center; flex-wrap: wrap; }  
.wbs-feature-item { width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle at top, rgba(60, 120, 255, 0.18), rgba(8, 12, 22, 0.95) 70%);
   box-shadow: 0 0 0 1px rgba(120, 170, 255, 0.25), 0 0 35px rgba(80, 140, 255, 0.25); display: flex; flex-direction: column; 
   justify-content: center; align-items: center; text-align: center; padding: 25px; } 
.wbs-feature-item > i { font-size: 2.4rem; color: #f5b400; margin-bottom: 1rem; } 
.wbs-feature-info { color: #dbe4f3; } /* TITULO */ 
.wbs-feature-title h4 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; color: #ffffff; }
.wbs-feature-list { font-size: 0.95rem; line-height: 1.4; color: #b7c4dd; } 

.wbs-feature-base { margin: 1.5rem auto 0; max-width: 680px; padding: 1.5rem 2rem; border-radius: 14px;
  background: linear-gradient(180deg, rgba(40, 90, 180, 0.25), rgba(10, 14, 28, 0.95));
   box-shadow: 0 0 0 1px rgba(120, 170, 255, 0.35), 0 0 40px rgba(80, 140, 255, 0.35); text-align: center; } 
 .wbs-feature-base .wbs-feature-title h4 { font-size: 1.4rem; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 0.5rem; color: #ffffff; } 
.wbs-feature-base .wbs-feature-list { font-size: 1rem; color: #c9d6ee; }

@media (max-width: 768px)
{    

}


/* menu izquierdo */
.wbs-side-menu li{margin-bottom: .5rem;}


/* seccion de ventajas*/
.wbs-advantages-row {display: flex;gap: 1rem;flex-flow: wrap;width: 100%;justify-content: center;align-items: stretch;}
.wbs-advantage-item {width: calc(33.33% - 2rem);padding: 1.5rem; border: 1px solid hsl(220, 15%, 20%);background: #f7f5ef; border-radius: 1rem;transition: all 0.5s ;}
.wbs-advantage-title {margin-top: 1rem;}
.wbs-advantage-title h4 {margin-bottom: 6px;}
.wbs-advantage-list {
	font-size: 14px;
}
.wbs-advantage-image {display: flex;justify-content: start;align-items: center;font-size: 1.5rem;}
.wbs-advantage-image img {height: 60px;}
.wbs-advantage-item:hover {border-color: var(--color); box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); transform: translateY(-0.25rem);}

@media (max-width:767px){
.wbs-advantage-item { max-width: 100%; display: flex;gap: 1rem;padding: 1rem; width: calc(50.33% - 1rem);}
.wbs-advantage-title{margin-top: 0;  text-align: left;}
.wbs-advantage-title h4{margin-bottom: 0;}
.wbs-advantage-list {text-align: left;}
}


/* Seccion de sobre nosotros */
.wbs-definition-mod .carousel-inner{border-radius: 10px;overflow: hidden;}


/* Seccion de marcas */
.opt-brands {display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px;}
.opt-brand {padding: 10px 18px; font-size: 15px; color: #5f6f79; background: #efede9; border: 1px solid #e3e0db; border-radius: 14px; white-space: nowrap;
 box-shadow: 0 1px 0 rgba(0,0,0,0.03); transition: all 0.25s ease;}
.opt-brand:hover{color: #6f8f2f; border-color: #cfd7b5; background: #f5f4f1;}
@media (max-width: 767px) {
.opt-brands { gap: 12px;padding: 1%;}

}








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





/* animaciones */
@keyframes stars-drift {
    from {
        background-position:
            0 0,
            200px 100px,
            400px 300px,
            100px 250px,
            350px 150px,
            520px 380px,
            50px 80px,
            120px 200px,
            300px 100px;
    }
    to {
        background-position:
            -1000px 800px,
            -800px 600px,
            -600px 900px,
            -400px 500px,
            -300px 400px,
            -700px 600px,
            -500px 300px,
            -600px 400px,
            -450px 350px;
    }
}

@keyframes stars-twinkle {
    0%   { opacity: 0.6; }
    100% { opacity: 1; }
}

.wbs-nebula-bg {
    position: relative;
    background-color: #080c16;
    overflow: hidden;

    background-image:
        /* Nebulosa azul principal */
        radial-gradient(circle at 30% 40%,
            rgba(80, 180, 255, 0.25),
            rgba(20, 80, 140, 0.15) 30%,
            rgba(8, 12, 22, 0.9) 70%),

        /* Nebulosa secundaria */
        radial-gradient(circle at 70% 60%,
            rgba(0, 160, 220, 0.18),
            rgba(10, 60, 110, 0.12) 35%,
            rgba(8, 12, 22, 0.85) 75%),

        /* Brillo dorado isPay */
        radial-gradient(circle at 55% 45%,
            rgba(255, 190, 80, 0.18),
            rgba(255, 170, 40, 0.08) 30%,
            transparent 65%),

        /* Profundidad oscura */
        radial-gradient(circle at center,
            rgba(255,255,255,0.03),
            rgba(8,12,22,1) 70%);

    animation: nebula-float 120s ease-in-out infinite alternate;
}

/* animaciones */
@keyframes nebula-float {
    0% {
        background-position:
            0% 0%,
            0% 0%,
            0% 0%,
            center;
    }
    100% {
        background-position:
            10% 15%,
            -10% -10%,
            5% -5%,
            center;
    }
}




/* Seccion de game */
.wbs-game-mod {position: relative;overflow: hidden;
background:linear-gradient(rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.2)),	url('../../../images/landing/game.jpg') no-repeat center top;background-size: cover;}
.wbs-game-panel {position: relative;padding: 2rem 2.5rem;border-radius: 10px;	backdrop-filter: blur(6px);	-webkit-backdrop-filter: blur(6px);
	box-shadow:	0 20px 50px rgba(0, 0, 0, 0.35),	0 0 35px rgba(255, 220, 120, 0.25);color: rgba(255, 255, 255, 0.95);
  background:
		linear-gradient(
			90deg,
			#ffd25a,
			#6bb6ff
		) top left / 100% 4px padding-box no-repeat,
		linear-gradient(
			180deg,
			#ffd25a,
			#6bb6ff
		) top left / 4px 100% border-box no-repeat;
}
.wbs-game-panel::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background: radial-gradient(circle at top left,	rgba(255, 210, 90, 0.25),transparent 5%);	border-radius: 20px;pointer-events: none;}
.wbs-game-panel-title {color: #fbf5dd;font-weight: bold;text-shadow: 2px 2px 2px #000000aa;font-size: 20px;}
.wbs-game-panel-title .text-gradient, .wbs-game-panel .text-gradient{color: var(--color); text-shadow: 2px 2px 2px #000000aa;}
.wbs-icon-game-item {display: flex;align-items: flex-start;gap: 14px;margin-bottom: 18px;}
.wbs-icon-game-icon {width: 34px;height: 34px;min-width: 34px;display: flex;align-items: center;justify-content: center;border-radius: 50%;
background: radial-gradient(circle at top left, #6fdc6f, #2f8f2f);border: 2px solid rgba(180, 255, 180, 0.8);color: #ffffff;
font-weight: 700;font-size: 16px;line-height: 1;box-shadow:	0 0 6px rgba(120, 255, 120, 0.6),inset 0 0 4px rgba(255, 255, 255, 0.3);}
.wbs-icon-game-item-text {color: #e9f0e9;line-height: 1.35;}
.wbs-icon-game-item-tile {font-weight: 700;font-size: 18px;color: #f5f7e8;margin-bottom: 2px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);}
.wbs-icon-game-item-text > div:last-child {font-size: 15px;color: #dfe7df;}
.wbs-game-logo {margin-top: -2rem;margin-bottom: 2rem;text-align: center;}
.wbs-game-logo img {width: 250px;}
@media (max-width: 767px) {
.wbs-game-mod {background:linear-gradient(rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.2)),	url('../../../images/landing/game_vertical.jpg') no-repeat center top;}
.wbs-game-panel{padding: 1.5rem 1.5rem;text-align: left;}
}



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




/* modulo de token */
.wbs-token-mod {background: #0a0911;}


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





/* animaciones */
.animate-float {
  animation:float 6s ease-in-out infinite
}
@keyframes float {
  0%,
  to {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-20px)
  }
}