/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 07 2026 | 23:51:10 */
a {
    color: inherit;
}
.w-100 {
	width: 100%!important;
}
.d-flex {
    display: flex;
}
.flex-wrap {
        flex-wrap: wrap;
}
.justify-center {
    justify-content: center;
}
.justify-around {
    justify-content: space-around;
}
.justify-between {
    justify-content: space-between;
}
.justify-left {
    justify-content: flex-start;
}
.items-center {
	align-items: center;
}
.elementor-widget-image a {
	display : flex;
}
.text-center {
	text-align: center;
}
.mb-20,
.mb-20.li li {
	margin-bottom: 20px!important;
}
.height100 {
	height: 100%!important;
}

.justify-center > div {
	justify-content: center!important;
}
.stickyHeader {
    position: sticky;
    top: 80px;
    z-index: 98;
}
.stickyHeader * {
    transition: all 0.3s cubic-bezier(0.31, 0.05, 0.77, 0.98)!important;
}

@media screen and (width < 767px) {
	.flex-wrap-sm {
		flex-wrap: wrap;
	}
	.stickyHeader {
		top: 53px;
	}
	.justify-sm-left {
		justify-content: flex-start;
	}
	.Header-tituloProducto .jet-listing-dynamic-field__content {
		text-overflow: ellipsis;
		width: 100px!important;
		text-wrap: nowrap;
		overflow: hidden;
	}
}
.stickyHeader .elementor-container {
    transition: opacity 0.3s cubic-bezier(0.4, 0.17, 0.21, 0.93)!important
}
.stickyHeaderScroll {
    min-height: 50px !important;
}
.stickyHeaderScroll .logo-encoge img {
    height: 40px !important;
}
.stickyHeaderScroll .logo-encoge img {
    min-height: 20px !important;
}
.fs-14 {
	font-size: 14px!important;
}
.banner-principal {
	background-position: top center!important;
}

/*------------Multicurrency------------*/
span.woocommerce-currency-switcher {
    width: 100%;
}

.woocommerce-currency-switcher .selector[class*="currency"] {
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    border-color: #000;
}
.woocommerce-currency-switcher .dropdown-content {
    border: none!important;
	border-radius: 100px!important;
}
.woocommerce-currency-switcher [class*="currency"] button.option-submit {
    padding: 3px 16px !important;
    border-radius: 100px;
    margin-top: 2px;
    border: none!important;
}
@media screen and (width < 767px) {	
	span.woocommerce-currency-switcher {
		width: fit-content!important;
	}
	.currency-flag {
		display: none;
	}
}

/*----Listing Layout Listing---*/
.nuevolay .jet-listing-grid__item:nth-child(even) .nuevolay-rep .elementor-container {
    flex-direction: row-reverse!important;
}
.nuevolay .elementor-column-gap-extended {
    column-gap: 2em;
}
.nuevolay-rep .elementor-element.elementor-element-e4af072.elementor-widget.elementor-widget-jet-listing-dynamic-field *:not(.mejs-controls *) {
    border-radius: 8px;
}

/* Listing de Grid de productos */

/*------------------/ Listing de Grid de productos */

/*---- Productos ----*/
.blurbg {
        max-width: 790px;
        backdrop-filter: blur(10px);
}
.galeria .jet-woo-swiper-control-thumbs__item-image img {
	max-height: 70px;
	height: 70px!important;
	object-fit: cover;
}
.hoverSubrayado li:hover span,
.hoverSubrayado a:hover span,
.hoverSubrayado a:hover{
    text-decoration: underline;
}

.cardPadre .elementor-container {
    justify-content: space-between;
}
.card {
    max-width: 520px;
}

.slick-controls {
    width: fit-content;
    margin: auto;
}
.slick-dots {
    margin: 0 1rem!important;
}
.slick-arrow {
        width: 30px!important;
    }

@media screen and (width < 760px) {
    .slick-arrow {
        width: 1.5rem!important;
    }
    
/*.slick-dots {
    overflow: hidden;
    height: 30px;
    background: pink;
}*/
}

/*----------- Brands template-----------*/
.sombra-titulo-brand h1 {
    filter: drop-shadow(0px 3px 4px #00000040);
}

.filtro-popular span.jet-radio-list__label {
    font-size: 0!important;
}
.filtro-popular span.jet-radio-list__label::after {
    content: 'Popular';
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    line-height: inherit;
}
.filtro-popular span.jet-radio-list__label:hover,
.filtro-popular .jet-radio-list__input:checked ~ .jet-radio-list__button span.jet-radio-list__label {
    
    font-weight: 600!important;
}
/*-----------/ Brands template-----------*/
/*-- Sliders--*/
.jet-listing-grid__slider-icon.slick-arrow svg,
.jet-product-gallery-icon:not(.jet-woo-product-video__play-button-icon) i {
    display: none;
}
.jet-listing-grid__slider-icon.slick-arrow,
.jet-product-gallery-icon:not(.jet-woo-product-video__play-button-icon) {
    background: url(/wp-content/uploads/sites/2/2025/12/left-arrow-circle.svg) no-repeat center center / contain !important;
	opacity: 0.5;
    transition: opacity 0.3s cubic-bezier(0.4, 0.17, 0.21, 0.93)!important
}
.jet-listing-grid__slider-icon.slick-arrow:hover,
.jet-product-gallery-icon:hover {
	opacity: 1;
}
.jet-product-gallery-icon:not(.jet-woo-product-video__play-button-icon) {
	width: 30px;
	height: 30px;
}
.jet-swiper-button-next {
	transform: rotate(180deg)!important
}
/*--/Sliders--*/
@media screen and (width < 767px) {
	.flex-end > .elementor-container {
	align-items: flex-end!important;
	}
	.overflowScroll {
    overflow-x: auto;
	}
	.overflowScroll > div {
		width: calc(100% * 1.6);
	}
	
    .Gridoverflow {
    overflow: auto!important;
    }
    .Gridoverflow > div {
        width: calc(280px * 4);
    }
	
	.adorno-rep svg {
        width: 100% !important;
	}
}

.puntito {
        position: relative;
}
.puntito::before {
        content: '';
        width: 4px;
        height: 4px;
        background: #000;
        position: absolute;
        left: -10px;
        top: .5em;
        border-radius: 100px;
}
.btn-ico-hover * {
    transition: gap 0.55s cubic-bezier(0.4, 0.17, 0.21, 0.93)!important
}
.btn-ico-hover:hover .elementor-button-content-wrapper,
.btn-ico-hover button:hover,
.btn-ico-hover:hover .BotIngresa {
    gap: 0.5rem!important;
}
.outlineSuscripcion {
    outline: 1px solid #D2CFCF;
    transition: outline 0.1s ease-in-out!important;
}
.outlineSuscripcion:hover {
    outline: 3px solid #000;
}

/*-------Formulario-------*/
.label-opacity-0 .jet-form__label {
    opacity: 0;
}
.btn-enviarform button {
    position: relative;
    display: flex;
    align-items: center;
	justify-content: center;
    gap: 3em;
	width: 160px
}

.btn-enviarform button::after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/sites/2/2025/12/send-circle.svg) center / cover no-repeat;
    display: inline-flex;
}
.form-legal .jet-form__field-label {
    align-items: baseline;
    font-size: 14px!important;
}
.form-legal .jet-form__field-label a {
    color: inherit;
    text-decoration: underline;
}
/*----/ Formulario-------*/
/*-------- Menu ---------*/
.menu-icono .elementor-icon:hover i {
    filter: invert(1)
}

.regresar-btn .elementor-icon {
	vertical-align: middle;
	}
.precio-shortcode {
	font-size: 30px;
	font-weight: 500;
	}
.btn-iconoMenu a {
    position: relative;
    left: 0rem;
    transition: all 0.3s cubic-bezier(0.4, 0.17, 0.21, 0.93)!important;
}
.btn-iconoMenu a::before {
    content:'';
    width: 16px;
    height: 16px;
    background: url(/wp-content/uploads/sites/2/2025/12/arrow-right-bold-circle.svg) center /contain no-repeat;
    display: block;
    position: absolute;
    left: 0rem;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0.17, 0.21, 0.93)!important;
}
.btn-iconoMenu a:hover {
    left: 1.5rem;
    opacity: 1;
}
.btn-iconoMenu a:hover::before {
    left: -1.5rem;
    opacity: 1;
}

.jet-theme-core-location--header-location {
    position: sticky!important;
    top: 0px;
    background: #FFF;
	z-index: 99;
}
.faqs {
	max-height: 100%;
    overflow-y: hidden;
    transition: all .7s ease-in-out;
	
}
.faqs-oculto {
    max-height: 300px;
}
.btn-menosFaqs a {
    font-size: 0px!important;
	transition: font-size 0.1s ease!important;
}
.btn-menosFaqs a::after {
    content: 'Mostrar menos';
    font-size: 14px;
}
/*------------Login btn------------*/
a.BotIngresa::after {
    content: "\f4fb";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    
}

a.BotIngresa,
a.BotIngresaOn {
    gap: 3.5em;
    padding: 11px 20px;
    display: flex;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 100px;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: .8;
}
a.BotIngresa:hover,
a.BotIngresaOn:hover {
	background: #000;
	color: #fff;
}
.btn-IngresarmiEspacio a.BotIngresa,
.btn-IngresarmiEspacio a.BotIngresaOn {
	border-color: #2D6FA7!important;
	background: var( --e-global-color-f611b6a )!important;
	color: #FFF;
}
.btn-IngresarmiEspacio a.BotIngresa:hover,
.btn-IngresarmiEspacio a.BotIngresaOn:hover {
	color: var( --e-global-color-f611b6a );
	background: #fff!important;
}
a.BotIngresaOn {
    transition: all 0.3s cubic-bezier(0.4, 0.17, 0.21, 0.93)!important;
}
@media screen and (width < 767px) {
	a.BotIngresa,
	a.BotIngresaOn {
		font-size: 0;
		max-width: fit-content;
		padding: 10px;
	}
	a.BotIngresa::after {
		font-size: 14px;
	}
	.btn-ico-hover:hover .BotIngresa {
		gap: 0rem!important;
	}
	
	a.BotIngresaOn::after {
	    content: "\f4fb";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
		font-size: 14px;
	}
}
/*-------------------MiEspacio-------------------*/
.listaMiEspacio ul li::marker {
    color: #79AFDD;
}
.listaMiEspacio ul li ul li {
    list-style-type: disc;
}
.listaMiEspacio ul li ul li::marker {
    color: #000;
    font-size: 13px;
}
.listaMiEspacio a {
	color: #79AFDD;
}
.miEspCards > .elementor-container{
	gap: 30px;
}
.asignarEspacio div {
    width: 48%;
}
.asignarEspacio input:not(:placeholder-shown) {
    font-weight: 700!important;
	border-radius: 0;
    border-color: #B3B3B3;
	font-size: 15px;
}

.asignarEspacio-Btn:hover > div {
    background: var( --e-global-color-f611b6a );
    color: #fff;
    cursor: pointer;
}
.asignarEspacio-Btn:hover > div i {
    color: #fff;
}
@media screen and (width < 767px) {
    .asignarEspacio {
        flex-wrap: wrap;
    }
    .asignarEspacio label {
        font-size: 14px;
        font-weight: 400;
    }
    .asignarEspacio div {
        width: 100%;
        margin-bottom: 10px;
    }
}

/*--------- MiEspacio - Recursos---------*/
.recursos > .elementor-container {
	justify-content: space-around;
}
.recursos .miEspacio-col-izq {
    max-width: 760px;
}
.recursos .miEspacioMainCard-izq {
	min-width: 250px!important;
}
.recursos .miEspacio-col-der {
	min-width: calc(66% - 380px);
}


.recursos .filtroSelectMiEspacio select {
	width: 78%;
	font-size: 15px;
    height: 32px;
    padding-bottom: 5px;
	padding-top: 5px;
	border: 1px solid #B3B3B3;
	border-radius: 0;
}
.recursos .filtroSelectMiEspacio label,
.filtroSelectAyuda label {
	width: 22%;
	font-size: 14px;
}
.sticky-SeccionInterior {
    position: sticky;
    top: 50px;
}
.form-radio > div {
	width: 50%;
}

@media screen and (width < 1025px) {
	.recursos .miEspacioMainCard-izq {
		min-width: auto!important;
		width: 40%!important;
	}
	.recursos .miEspacioMainCard-der {
		width: 60%!important;
		min-width: 150px!important;
	}
}
@media screen and (width < 767px) {
	.recursos .miEspacioMainCard-izq {
		width: 100%!important;
	}
	.recursos .miEspacioMainCard-der {
		width: 100%!important;
	}
	.recursos .miEspacio-col-der {
		min-width: 100%;
	}
	.recursos .filtroSelectMiEspacio select {
	width: 100%;
	}
	.recursos .filtroSelectMiEspacio label {
		width: 100%;
	}
	.form-radio {
		flex-wrap: wrap;
		text-align: left;
	}
}

/*------------ Button Radio ------------*/
/* Ocultar el radio original */
.form-radio input[type="radio"] {
  display: none;
}

/* Contenedor visual del radio */
.radio-custom {
	width: 14px;
	height: 14px;
	border: 1px solid #000;
	border-radius: 50%;
	display: inline-block;
	margin-right: 2px;
	position: relative;
	transition: all .3s ease;
}

/* Punto interno inicial (oculto con scale 0) */
.radio-custom::after {
	content: '';
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform .3s ease;
}

/* Estado seleccionado */
.form-radio input[type="radio"]:checked + .radio-custom {
	border-color: #000;
}

/* Punto interno animado */
.form-radio label {
     position: relative;
}
    
.form-radio input[type="radio"]:checked + .radio-custom::after {
	background: #000;
	transform: translate(-50%, -50%) scale(1);
}

/* Hover */
.form-radio label:hover {
	cursor: pointer;
}
.form-radio label:hover .radio-custom::after {
	background: #79AFDD;
	transform: translate(-50%, -50%) scale(1);
}
.form-radio label:hover .radio-custom {
	border-color: #79AFDD;
}
 .indicadorFiltro {
         background: #79AFDD;
         width: 6px;
         height: 13px;
         border-radius: 8px;
         display: block;
         position: absolute;
         right: -14px;
         top: 3px;
}
     .ColorFiltroSoftware {
         background: #79AFDD;
     }
     .ColorFiltroTraining {
         background: #49C5C5;
     }
/*------------/ Button Radio ------------*/

.miespacio select {
	background: #fff;
	color: #969292;
	border-radius: 5px;
}
.filtroSelectLicencias select {
  width: 275px;
}
.miespacio ::picker(select) {
  color: #000;
}
  .miespacio option {
    color: #000;
  }
  .miespacio option:checked {
    color: #000;
  }

 .filtroSelectLicencias {
     font-size: 15px;
     
 }
     .filtroSelectLicencias label {
         width: 30%;
     }

     .filtroSelectLicencias select {
         width: 70%;
	border-radius: 0;
    border-color: #B3B3B3;
     }
     
     .filtroSelectLicencias .grupoSelect {
         margin-top: 15px;
     }
     .filtroSelectLicencias .grupoSelect div {
         width: 48%;
     }
     .filtroSelectLicencias .grupoSelect label {
         width: 62%;
     }

     .filtroSelectLicencias .grupoSelect select {
         width: 55%;
     }
    @media screen and (width < 767px) {
        .filtroSelectLicencias .grupoSelect {
            flex-wrap: wrap;
        }
     .filtroSelectLicencias .grupoSelect div {
         width: 100%;
     }
     .filtroSelectLicencias .grupoSelect div:first-of-type {
         margin-bottom: 15px;
     }
    }

/*-------Mi espacio - Soporte-------*/
.form-ayuda input,
.form-ayuda select,
.form-ayuda textarea,
.filtroSelectAyuda select {
    border-radius: 0;
    border-color: #B3B3B3;
}
input[type="text"]::placeholder {
    font-size: 15px;
}
.filtroSelectAyuda div {
	width: 48%;
	display: flex;
	align-items: center;
	gap: 10px;
}
.filtroSelectAyuda select {
	font-size: 15px;
	height: 32px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.btn-form-ayuda.btn-enviarform {
	width: 100%!important;
}
.btn-form-ayuda {
	margin-top: 20px;
    display: flex;
    justify-content: end;
}
.btn-form-ayuda button, .btn-form-ayuda button:focus {
    background: var( --e-global-color-f611b6a );
    color: #fff;
    border: none;
    border-radius: 100px;
    outline: none;
}
.btn-form-ayuda button:hover {
    background: var( --e-global-color-f611b6a );
}
.Ayuda-Solicitud {
        position: relative;
    }
    .SolicitudMiEspacio {
        z-index: 1;
    }
    .Ayuda-Solicitud .Solicitud-Enviado-MiEspacio {
        position: absolute;
        z-index: 0;
        width: 95%;
        margin: 0 2.5%;
        bottom: 0px;
    }
    .textointerior {
        height: 0px;
        overflow: hidden!important;
    }
    .Solicitud-Enviado-MiEspacio-open {
        position: relative!important;
        bottom: 0px;
    }
.Solicitud-Enviado-MiEspacio-open .textointerior,
.Ayuda-Solicitud .Solicitud-Enviado-MiEspacio {
    height: fit-content!important;
}
.Solicitud-Enviado-MiEspacio-open .fa-chevron-down,
.gira {
	transform: rotate(180deg);
}
@media screen and (width < 767px) {
	.filtroSelectAyuda div {
		width: 100%!important;
		margin-bottom: 20px
	}
}
/*Beneficios Mi espacio*/
.acordeon-beneficios-contenido-close {
    height: 0px!important;
    overflow: hidden!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.pestana-beneficios {
	cursor: pointer;
}
.pestana-beneficios,
.acordeon-beneficios-contenido {
    transition: all 0.2s ease-in-out!important;
}
.codigo {
	font-size: 20px;
	font-weight: 700;
    line-height: 1.5em;
}

.slick-list .video-wrapper iframe {
	min-height: 300px;
	height: 100%;
}