:root {    
    /* --negro: #333; */
    --negro: #000000;
    --fondoAzul: #090F3F;
    --fondoAzulC: #0a1147;
    --gris: rgb(112, 110, 110);
    --grisOscuro: #414042;
    --grisClaro: #e1e1e1;
    --grisModal: #E3E3E3;
    --naranja: #3ca72d;
    --fondoBtn: #4055D0;
    --fondoBtnActive: #083477;

    --fuenteOS: 'Open Sans', sans-serif;
}

* {
    font-family: var(--fuenteOS);
}

/* html {
    font-size: 12px;

    @media screen and (max-width: 540px) {
        font-size: 6x;
    }
} */

/* *************** CLASES *************** */
.fondoNegro {
    background-color: var(--negro);
}

.fondoAzul {
    background-color: var(--fondoAzul);
}

.fondoAzulC {
    background-color: var(--fondoAzulC);
}

.fondoNegroDeg {
    background: linear-gradient(to bottom, var(--fondoAzul), var(--negro));
}

.fondoNegroDegTop {
    background: linear-gradient(to top, var(--fondoAzul), var(--negro));
}

.fondoGrisOscuro {
    background-color: var(--grisOscuro);
}

.fondoGrisClaro {
    background-color: var(--grisClaro);
}

.textoNegro {
    color: var(--negro)
}

.textoGrisClaro {
    color: var(--grisClaro);
}

.textoBlanco {
    color: white;
}

.textoNaranja {
    color: var(--naranja);
}

.textoAzulDC {
    color: var(--fondoBtn);
}

.fondoBtn {
    background-color: var(--fondoBtn);
    border: solid var(--fondoBtn);
}

.fondoModal {
    background-color: var(--grisModal);
}

.fondoBlanco {
    background-color: #FFF;
}

.fondoNaranja {
    background-color: orangered;
}

/* ************************* ELEMENTOS GLOBALES ************************* */
/* #tidio-chat-iframe {
    z-index: -11;
}
@media (max-width: 500px) {
    #tidio-chat-iframe {
        bottom: 50px !important;
        display: none;
    }
    .frame-content {
        display: none;
    }
} */

@media (min-width: 1100px) {
    #menu__principal {
        width: 300px;
    }
}

@media (max-width: 1099px) {
    #menu__principal {
        width: 160px;
    }
}

.bkg-check {
    background-color: #00913F;
}

.bkg-uncheck {
    background: red;
}

.inputcheck {
    color: #00913F;
}

.tabMenuActive {
    border-bottom: 2px solid #fff;
}

.btnBack,
.btnNext {
    background-color: rgba(64, 85, 208, 0.5);
    border-radius: 25px;
    border: 1px solid #fff;
    font-weight: bold;
    width: 50px;
    height: 50px;
    padding-top: 12px;
    padding-left: 10px;
}

#encabezado__btn-idioma {
    border: 1px solid white;
    width: 110px;
    height: 33px;
    margin-top: -4px;
    padding: 0;
}

#btn-idioma {
    color: white;
}

.btnHeader {
    height: 26px;
    font-size: 14px;
}

#encabezado__docentes {
    margin: 8px 0 0 50px;
    height: 35px;
    width: 146px;
    padding: 0;
}

#encabezado__login__btn-sesion {
    width: 195px;
    height: 35px;
    padding: 0;
}

#div-logo__inicio {
}

#div-logo__inicio #logo {
    height: 50px;
}

#div-logo {
}

#div-logo #logo {
    /* height: 50px; */
    width: 100%;
}

#logo {
    margin-top: 10px;
}

.menu-lateral__link {
    text-decoration: none;
    list-style: none;
    color: white;
}

#div-breadcrumb {
    height: 40px;
    /* background-color: orangered; */
}

.inactivo {
    /* pointer-events:none; */
    opacity: 0.5;
}

.menu-lateral__items {
    font-size: 12px;
}

.btn-paginacion,
.btn-paginacionb {
    border-radius: 5px;
    border: var(--fondoBtn);
    background-color: var(--fondoBtn);
    color: #fff;
    margin: 0 1px;
    /* padding: 5px 7px; */
}

.link-paginacion,
.link-paginacionb {
    margin: 0;
    padding: 0;
}

.btn-paginacion-active {
    background-color: var(--fondoBtnActive);
}

.esq-inf-recta {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.esq-inf-curva {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.div__titulo-resultados {
    /* background-color: var(--fondoBtn); */
    border-radius: 5px;
    height: 36px;
    padding: 5px 10px;
}

.brdInferior {
    border-bottom: 5px solid var(--fondoBtn);
}

.brdInfCol {
    border-bottom: 1px solid var(--fondoBtn);
}

.btn-shared {
    height: 30px;
    /* width: 90px; */
    padding: 0 5px 0;
    font-size: 16px;
}

.color-fb {
    background-color: #4267B2;
}

.color-wa {
    background-color: #25D366;
}

/* Borde inferior Título Carrusel */
.bordeInfTC {
    border-bottom: 4px solid var(--fondoBtn);
}

select #clave-pais option[value="57"] {
    background-image: url('../recursos/PNG/pais-co.png');
}

.csrPointer {
    cursor: pointer;
}

.colorLink {
    color: #5a6ced;
}

.shareicon-size {
    font-size: 23px;
}

.disableDiv {
    pointer-events: none;
}

.dcbtn {
    box-shadow: none;
    background-color: var(--fondoBtn);
    border-color: var(--fondoBtn);
}

.dcbtn:hover {
    background-color: var(--fondoBtn);
    border-color: var(--fondoBtn);
}

@keyframes fadeOut {
    from {
        background-color: #00913F;
    } to {
        background-color: #FFF;
    }
}

/* ******************** POR FILTRO ******************** */
.materias {
    overflow: hidden;
    /* padding: 2%; */
    margin: 0% 0.25% 3px;
    /* aspect-ratio: 1/1; */
    position: relative;
    display: flex;
    align-items: center; /* Alinear texto verticalmente */
    border-radius: 5px;
    border-top-color: #5e76e4;
    border-top-width: 2px;
    border-right-color: #5e76e4;
    border-right-width: 2px;
    border-bottom-color: #4d69e4;
    border-bottom-width: 1px;
    border-left-color: #3b5be7;
    border-bottom-width: 1px;
} 

#div__porfiltro::-webkit-scrollbar {
    width: 10px;
    /* height: 8px; */
    background-color: #3f3f3f;
    /* display: none; */
}

#div__porfiltro::-webkit-scrollbar-thumb {
    background: #686868;
    border-radius: 5px;
}

#div__porfiltro::-webkit-scrollbar-thumb:hover {
    background: #8b8686;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* ******************** CATEGORIAS GRID ******************** */
#div-categorias {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cat-contenedor {
    overflow: hidden;
    padding: 2%;
    margin: 0% 2% 4%;
    aspect-ratio: 1/1;
    position: relative;
    display: flex;
    align-items: center; /* Alinear texto verticalmente */
    border-radius: 15%;
    border-top-color: #5e76e4;
    border-top-width: 2px;
    border-right-color: #5e76e4;
    border-right-width: 2px;
    border-bottom-color: #4d69e4;
    border-bottom-width: 1px;
    border-left-color: #3b5be7;
    border-bottom-width: 1px;
}

.cat-lcapital {
    color: #4d69e4;
    position: absolute;
    /* top: -95%;
    left: 0px; */
    user-select: none;
    font-family: 'Times New Roman', Times, serif;
    font-size: 20vw;
}

.cat-texto {
    font-size: 0.75em;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 20px;
    z-index: 1;
    user-select: none;
    padding: 10px;
    width: 100%;
}

@media (max-width: 796px) {
    #div_menu-busqueda {
        width: 510px;
    }
}

@media (min-width: 797px) {
    #div_menu-busqueda {
        width: 620px;
    }
}

@media (max-width: 767px) {
    #carrito__comprar,
    #carrito__cerrar {
        width: 70%;
        font-size: 12px;
    }
    #carrito__col-precio {
        width: 40%;
    }
    .size_txtCarrito {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    #carrito__comprar,
    #carrito__cerrar {
        width: 45%;
        font-size: 14px;
    }
    #carrito__col-precio {
        width: 50%;
    }
}

/* iPhone SE - iPhone 12 Pro - Samsung Galaxy S8+ */
@media (max-width: 390px) {
    .cat-contenedor {
        width: 46%;
        height: 60px;
        border-radius: 10px;
    }
    .cat-lcapital {
        font-size: 75vw;
        text-align: center;
        width: 100%;
    }
    .cat-texto {  
        /*font-size: 15px;*/
    }

    .materias {
        width: 49%;
        margin: 0 0.25% 3px;
    }
}

/* iPhone XR - Pixel 5 - Galaxy A51/71*/
@media (min-width: 391px) and (max-width: 500px) {
    .cat-contenedor {
        width: 46%;
        height: 60px;
        border-radius: 10px;
    }
    .cat-lcapital {
        font-size: 75vw;
        text-align: center;
        width: 100%;
    }
    .cat-texto {  
        font-size: 0.9em;
    }

    .materias {
        width: 49%;
        margin: 0 0.25% 3px;
    }
}

/* */
@media (min-width: 501px) and (max-width: 650px) {
    .cat-contenedor {
        width: 46%;
        height: 60px;
        border-radius: 10px;
    }
    .cat-lcapital {
        font-size: 75vw;
        text-align: center;
        width: 100%;
    }
    .cat-texto {  
        font-size: 0.9em;
    }

    .materias {
        width: 49%;
        margin: 0 0.25% 3px;
    }
}

/* iPad Mini */
@media (min-width: 651px) and (max-width: 768px) {
    .cat-contenedor {
        width: 22%;
        margin: 0% 1% 2%;
    }
    .cat-lcapital {
        font-size: 40vw;
        text-align: center;
        width: 100%;
    }
    .cat-texto {  
        font-size: 0.9em;
    }

    .materias {
        width: 49%;
        margin: 0 0.25% 3px;
    }
}

/* iPad Air */
@media (min-width: 769px) and (max-width: 820px) {
    .cat-contenedor {
        width: 22%;
        margin: 0% 1% 2%;
    }
    .cat-lcapital {
        font-size: 40vw;
        text-align: center;
        width: 100%;
    }
    .cat-texto {  
        font-size: 0.9em;
    }

    .materias {
        width: 24%;
        margin: 0 0.25% 3px;
    }
}

/* iPad Mini horizontal */
@media (min-width: 821px) and (max-width: 1023px) {
    .cat-contenedor {
        width: 11%;
        margin: 0% 0.5% 1%;
    }
    .cat-lcapital {
        font-size: 20vw;
        text-align: center;
        width: 100%;
    }
    .cat-texto {  
        font-size: 0.7em;
    }

    .materias {
        width: 24%;
        margin: 0 0.25% 3px;
    }
}

/* iPad Air horizontal */
@media (min-width: 1024px) and (max-width: 1180px) {
    .cat-contenedor {
        width: 11%;
        margin: 0% 0.5% 1%;
    }
    /*.cat-lcapital {
        font-size: 9.2vw;
    }*/
    .cat-texto {  
        /*font-size: 11px;*/
    }

    .materias {
        width: 16%;
        margin: 0 0.25% 3px;
    }
}

/* PC */
@media (min-width: 1181px) and (max-width: 1368px) {
    .cat-contenedor {
        width: 11%;
        margin: 0% 0.5% 1%;
    }
    .cat-lcapital {
        font-size: 20vw;
    }
    .cat-texto {  
        /*font-size: 12px;*/
    }

    .materias {
        width: 16%;
        margin: 0 0.25% 3px;
    }
}

/* PC */
@media (min-width: 1369px) {
    .cat-contenedor {
        width: 11%;
        margin: 0% 0.5% 1%;
    }
    .cat-lcapital {
        font-size: 20vw;
    }
    .cat-texto {  
        font-size: 14px;
    }

    .materias {
        width: 16%;
        margin: 0 0.25% 3px;
    }
}

.cat-contenedor:hover {
    background-color: #0a1147;
    border-color: #0a1147;
}

/* CATEGORIAS TABLET */
@media (min-width: 768px) and (orientation: portrait) { /* Vertical */
    .materias {
        width: 24%;
    }
}

@media (min-width: 1024px) and (orientation: landscape) { /* Horizontal */
    .materias {
        width: 19%;
    }
}

/* CATEGORIAS MÓVIL */
@media (max-width: 767px) and (orientation: portrait) { /* Vertical */
    .materias {
        width: 49%;
    }
}

@media (max-width: 1023px) and (orientation: landscape) { /* Horizontal */
    .materias {
        width: 24%;
    }
}

/* ************************ MENÚ EXPLORAR ************************ */
/* Desktop */
@media (min-width: 768px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}

/* Móvils */
@media (max-width: 767px) {
    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}

#panel-categorias::-webkit-scrollbar {
    width: 10px;
    /* height: 8px; */
    background-color: #3f3f3f;
    /* display: none; */
}

#panel-categorias::-webkit-scrollbar-thumb {
    background: #686868;
    border-radius: 5px;
}

#panel-categorias::-webkit-scrollbar-thumb:hover {
    background: #8b8686;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

#desenfoque {
    position: fixed;
    top: 0;
    width: 100%;
    height: 2000px;
    z-index: 100;
    backdrop-filter: blur(20px);
}

/* ************************ ENCABEZADO ************************ */
#encabezado {   
    height: 70px;
    position: sticky;
    top: 0;
    z-index: 2;
    
    /* padding-top: 15px; */
    /* background-color: #000000; */
    /* border-bottom: 7px solid var(--grisOscuro); */
    /* background: linear-gradient(to bottom, var(--fondoAzul), var(--negro)); */
    background-color: var(--fondoAzulC);
}

#cuerpo {
    background: linear-gradient(to bottom, var(--fondoAzul), var(--negro));
}

#footer {
    /* border-top: 6px solid var(--grisOscuro); */
    background-color: var(--fondoAzul);
}

#encabezado__contenido {    
    /* border-bottom: 1px solid var(--grisOscuro); */
    background-color: var(--fondoAzulC);
}

#banner {
    /* position: relative; */
}

#banner__video {
    /* position: relative; */
    /* object-fit: cover; */
    /* z-index: 0; */
}

#banner__sombra {
    height: 80px;
    background: linear-gradient(to bottom, black, transparent);
}

#banner__texto {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    /* border: 1px solid white; */
}

#banner__relleno-pc {
    height: 80px;
}

#banner__relleno-movil {
    height: 50px;
}

/*#contenido__titulo {
    margin-top: 0;
    font-size: 45px;
    font-weight: bold;
}*/

#contenido__titulo {
    font-weight: bold;
}

.align-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* height: 100vh; */
    text-align: center;
}

.align-horizontal {
    display: flex;
    justify-content: space-between;
}

/*@media (min-width: 1200px) {
    .why-dcmax {
        height: 70%;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .why-dcmax {
        height: 55%;
    }
}

@media (min-width: 800px) and (max-width: 899px) {
    .why-dcmax {
        height: 50%;
    }
}

@media (max-width: 799px) {
    .why-dcmax {
        height: 56%;
    }
}*/

@media  (min-width: 901px) {
    .why-dcmax-txt {
        font-size: 17px;
    }
}

@media (min-width: 701px) and (max-width: 900px) {
    .why-dcmax-title {
        font-size: 21px;
    }
    .why-dcmax-txt {
        font-size: 15px;
    }
}

@media (max-width: 700px) {
    .why-dcmax-title {
        font-size: 19px;
    }
}

/* ********** MÓVIL ********** */
@media (max-width: 414px) {
    #banner__relleno-pc {
        display: none;
    }
    #contenido__titulo {
        margin-top: 30px;
        font-size: 28px;
    }
    #contenido__subtitulo1,
    #contenido__subtitulo1b,
    #contenido__subtitulo1c {
        font-size: 15px;
    }
    #contenido__subtitulo2-1 {
        font-size: 16px;
        margin-top: 10;
    }
}

/* ********** PC ********** */
@media (min-width: 415px) {
    #banner__relleno-pc {
        display: block;
    }
    #contenido__titulo {
        margin-top: 0;
        font-size: 38px;
    }
    #contenido__subtitulo1,
    #contenido__subtitulo1b,
    #contenido__subtitulo1c {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #contenido__subtitulo2-1 {
        font-size: 20px;
        margin-top: 10;
    }
}

#banner__email-1,
#banner__email-2 {
    width: 70%;
    height: 40px;
    margin: 0 -2px 0 0;
    /* border-radius: 0px; */
}

#banner__enviar-1,
#banner__enviar-2 {
    width: 25%;
    height: 40px;
    margin: 1px 0 3px -3px;
    /* border-radius: 0px; */
    opacity: 1;
}

#btn-busqueda {
    position: relative;
    left: -50px;
    color: black;
}

#btn_busqueda,
#btn_busqueda-coleccione {
    /*position: relative;
    left: -30px;*/
    color: black;
}

/* ************************* HOME ************************* */
#modal__dcmax-bkg {
    background-color: var(--fondoAzulC);
    cursor: pointer;
}

.img-fluid {
    width: 60%;
}

.btn-home {
    width: 200px;
}

#preguntas-grande {
    min-height: 300px;
}

#texto-imagen-1,
#texto-imagen-2,
#texto-imagen-3,
#texto-imagen-4 {
    /* border-top: 7px solid var(--grisOscuro); */
    /* min-height: 400px; */
    border: none;
}

#texto-imagen-4 {
    /* border-bottom: 7px solid var(--grisOscuro); */
}

#div__contenido1,
#div__contenido2 {
    /* border: 1px solid yellow; */
    /* min-height: 250px; */
}

#div__imagen-1 img,
#div__imagen-2 img,
#div__imagen-3 img,
#div__imagen-4 img {
    margin: auto;
    width: 100%;
    /* height: 400px; */
    /* width: auto; */
    /* border: 1px solid white; */
}

#preguntas-chico {
    /* border-bottom: 7px solid var(--grisOscuro); */
}

/* ************************* INDEX ************************* */
/* .titulocat {
    font-size: 2rem;
} */

#encabezado__input-buscar,
#encabezado__input-buscarxs {
    /* width: 50%; */
    width: 200px;
    height: 33px;
}

#ul_input_buscar_xs {
    background-color: var(--gris);
    min-width: 100%;
}

#input_buscar_xs {
    padding: 5px 20px;
}

#menuAvatar,
#menuNotif,
#menuCarrito {
    background-color: transparent;
    border: none;
    display: inline;
}

#menuAvatarImagen {
    height: 42px;
}

/* CARRUSEL */
.carrusel-portadas {
    cursor: pointer;
    /*border: 1px solid rgb(2,138,15);*/
}

.areasInt {
    height: 250px;
    max-width: 250px;
    background-color: var(--fondoBtn);
}

.carruselAreas {
    cursor: pointer;
    /* border: 2px solid rgb(2,138,15); */
    background-color: var(--fondoBtn);
    height: 50px;
    max-width: 200px;
}

#slider-1,
#slider-suscripciones,
#slider-2,
#slider-beneficios,
#carrusel-beneficios,
#carrusel-coleccionesE,
#slider-tematicas {
    text-align: center;
}

#slider-1 .portada,
#slider-2 .portada,
#slider-suscripciones .portada,
#contenido-interes .portada,
#slider-beneficios .portada,
#carrusel-beneficios .portada,
#carrusel-coleccionesE .portada,
#contenido-editorial .portada,
#slider-tematicas .portada {
    height: 300px;
    padding: 5px;
}

#slider-3 .portada {
    height: 200px;
    padding: 3px;
}

#slider-1 .portada-nota,
#slider-suscripciones .portada-nota,
#slider-2 .portada-nota,
#slider-3 .portada-nota,
#contenido-interes,
#carrusel-coleccionesE .portada-nota,
#slider-tematicas .portada-nota {
    width: 100%;
    text-align: center;
}

#carruseles {
    padding-bottom: 20px;
}

#carrusel__titulo-1,
#carrusel-suscripciones__titulo {
    text-decoration: none;
}

@media screen and (max-width: 500px) {
    #titulo__modal-areas {
        font-size: 16px;
    }
}

@media screen and (min-width: 501px) {
    #titulo__modal-areas {
        font-size: 18px;
    }
}

/* ************************* LIBROINFO ************************* */
#contenido__ficha__libro {
    margin-top: -300;
}

#breadcrumb-fichalibro {
    height: 30px;
    overflow: hidden;
}

.lf-divOp {
    border-radius: 8px;
}

.txt-autor {
    font-size: 12px;
}

.lftxt-1 {
    font-size: 14px;
}

.lftxt-2 {
    font-size: 15px;
}

@media (max-width: 280px) {
    .lf-pt1 {
        font-size: 11px;
        color: #fff;
    }
}

@media (min-width: 281px) {
    .lf-pt1 {
        font-size: 16px;
        color: #fff;
    }
}

@media (max-width: 280px) {
    .lf-pt2 {
        font-size: 12px;
        /* font-weight: bold; */
        color: #fff;
    }
}

@media (min-width: 281px) {
    .lf-pt2 {
        font-size: 15px;
        /* font-weight: bold; */
        color: #fff;
    }
}

@media (max-width: 400px) {
    .btnCompra {
        padding: 0 2px 0;
        width: 40px;
    }
}

@media (min-width: 401px) {
    .btnCompra {
        padding: 0 2px 0;
        font-size: 14px;
        width: 80px;
    }
}

@media (max-width: 280px) {
    .lf-btn {
        height: 30px;
        padding: 0 2px 0;
        font-size: 12px;
        width: 60px;
    }
}

@media (min-width: 281px) {
    .lf-btn {
        height: 30px;
        padding: 0 5px 0;
        font-size: 14px;
        width: 80px;
    }
}

@media (max-width: 280px) {
    .icon-share {
        font-size: 24px;
    }
}

.btn-beneficio {
    height: 30px;
    padding: 0 5px 0;
    font-size: 14px;
    width: 120px;
}

.btn-carrito {
    height: 30px;
    padding: 0 3px 0;
    font-size: 17px;
}

.lf-precio {
    color: var(--fondoBtn);
    margin-top: 7px;
}

.lf-divBtn {
    margin: 0;
    padding: 0;
}

.div-scroll {
    max-height: 300px;
    overflow-y: scroll;
}

#div-contenido ul {
    list-style: none;
    text-align: left;
    padding: 0;
}

#div-contenido ul li {
    margin-left: 0px;
    padding: 0;
}

#div-contenido ul li a {
    text-decoration: none;
    margin-left: 0px;
}

#separador-btn-regresar {
    /* margin-top: 66px; */
    position: relative;
    top: 60px;
    left: 20px;
    width: 90%;
}

.tab-btn-texto {
    font-size: 13px;
}

#pills-tabContent {
    margin-left: 5%;
    margin-top: 20px;
    align-items: center;
    text-align: center;
    /* border: 1px solid yellow; */
}

#libro-botones {
    height: 60px;
    width: 95%;
    margin: 0 auto;
    padding: 10px 20px;
    background-color: var(--grisoscuro);
    color: var(--grisclaro);
    /* border: 1px solid white;
    background-color: white; */
}

#contenido__ficha__row {
    min-height: 450px;
    padding: 0;
    /* margin: 0; */
}

#libro-ficha {
    margin-top: -20px;
}

#libro-portada {
    padding: 0;
    margin-top: 50px;
    /* border: 1px solid white; */
}

#librof-descripcion {
    max-height: 400px;
    /* overflow-y: auto; */
}

/* width */
#librof-descripcion::-webkit-scrollbar {
    width: 10px;
}
  
/* Track */
#librof-descripcion::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
  
/* Handle */
#librof-descripcion::-webkit-scrollbar-thumb {
    background: rgb(104, 103, 103);
    border-radius: 10px;
}

#acordeon-precios,
#nav_ficha-btecnica,
#nav_bdescripcion,
#nav_tabla-bcontenido,
#btn__coleccion-lista,
#menuAvatar,
#menuNotif {
    box-shadow: none;
}

#div-tabs,
#div-tabsn,
#div-tabsficha,
#div-tabs-nov {
    /* border: 1px solid white; */
    display: flex;
    margin: 7px auto 0 auto;
    padding: 0;
}

.tabla-precios {
    font-size: 15px;
    width: 100%;
    margin-bottom: 20px;
}

.tabla-precios th {   
    width: 40%; 
    font-weight: lighter;
    text-align: center;
    padding-right: 5px;
}

.tabla-precios .celda-precio { 
    width: 60%; 
    font-weight: bold;
    text-align: center;
    padding-left: 5px;
    font-size: 18px;
}

.tabla-precios .celda-boton {
    text-align: center;
}

.tabla-precios tr {
    height: 40px;
}

.btn-tabla {
    /* margin-right: 50px; */
    width: 140px;
    padding: 3px 0;
}

#tabla-fichalibro {
    font-size: 15px;
}

.tabla-celda-titulo {
    width: 170px;
    text-align: end;
    padding-right: 10px;
}

.tabla-celda-contenido {
    width: 350px;
    text-align: left;
    padding-left: 5px;
}

.tabla-celda-titulo,
.tabla-celda-contenido {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* DESCRIPCIÓN */
#pills-descripcion {
    max-height: 400px;
    /* border: 5px solid var(--grisoscuro); */
    font-size: 12px;
    padding-top: 15px;
    overflow-y: scroll;
    -webkit-appearance: none;
}

/* width */
#pills-descripcion::-webkit-scrollbar {
    width: 10px;
}
  
/* Track */
#pills-descripcion::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
  
/* Handle */
#pills-descripcion::-webkit-scrollbar-thumb {
    background: rgb(104, 103, 103);
    border-radius: 10px;
}

.brd {
    width: 95%;
    min-height: 450px;
    border: 2px solid var(--gris);
}

#texto-descripcion {
    text-align: left;
}

/* CONTENIDO */
#contenido-lista {
    padding: 0 5px;
    padding-left: 20px;
    max-height: 440px;
    overflow-y: scroll;
    -webkit-appearance: none;
}

/* width */
#contenido-lista::-webkit-scrollbar {
    width: 10px;
}
  
/* Track */
#contenido-lista::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
  
/* Handle */
#contenido-lista::-webkit-scrollbar-thumb {
    background: rgb(104, 103, 103);
    border-radius: 10px;
}

#contenido-item {
    list-style: none;
    border-bottom: 1px solid var(--gris);
}

#contenido-enlace {
    font-size: 12px;
    color: white;
}

/* PIE FICHA LIBRO */
#lbl-compartir-titulo {
    margin-bottom: 10px;
}

.btn-compartir {
    width: 160px;
    color: white;
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px 2px;
    margin: 5px auto 20px auto;
}

.btn-compartir-xs {
    width: 37px;
    /* color: white; */
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: 3px 2px;
    margin: 5px 10px 40px 10px;
}

#btn-redes-fb {
    background-image: url('../recursos/ICONS/facebook-img.png');
    background-color: #1976f2;
}

#btn-redes-tw {
    background-image: url('../recursos/ICONS/twitter-img.png');
    background-color: rgb(29 155 240);
}

#btn-redes-lk {
    background-image: url('../recursos/ICONS/linkedin-img.png');
    background-color: #0a66c2;
}

#contenido-relacionado {
    margin-bottom: 20px;
}


/* ************************* LIBRO SUSCRIPCION ************************* */
.btn-comprar {
    width: 130px;
}

.etiqueta-precio {
    margin-top: 10px;
}

@media (max-width: 1020px) {
    .btn-col__sm {
        width: 40px;
    }    
    .btn-col__md {
        display: none;
    }
}

@media (min-width: 1021px) {
    .btn-col__sm {
        width: 40px;
    }
    /* .btn-col__sm {
        display: none;
    } */
}

@media (max-width: 575px) {
    /* Se ponen los precios en una línea */
    .precios-pc {
        display: none;
    }
    #btn_vaciarCarrito,
    #btn_ayuda {
        width: 100%;
    }
}

@media (min-width: 576px) {
    /* Se ponen los precios en columnas */
    .precios-movil {
        display: none;
    }
    #btn_vaciarCarrito,
    #btn_ayuda {
        width: 280px;
    }
}

/* ************************* MIS PRODUCTOS ************************* */
#productos__grid,
#beneficios__grid,
#productos__adopcion,
#productos__editorial-canje,
#beneficios__caducados,
#bensolicitados__grid,
#productos__editorial-canje {
    /* overflow: auto; */
    padding: 10px;
    margin: 0 0 0 20px;
}

#grid-producto,
#grid-beneficio,
#grid-solicitud,
#grid-adopciones,
#grid-canje {
    /* border: 1px solid white; */
    height: 310px;
    width: 230px;
    /* background-color: var(--grisOscuro); */
    background-color: transparent;
    border-radius: 5px;
    padding: 5px;
    margin: 5px auto 5px auto;
    text-align: center;
}

#producto-portada,
#producto-beneficio,
#producto-solicitud,
#producto-adopcion,
#producto-canje {
    height: 240px;
    margin: 10px auto 5px auto;
}

#producto-titulo,
#suscripcion-titulo,
#coleccione-titulo {
    color: white;
    font-size: 15px;
    font-weight: bold;
}

#producto-autor {
    color: white;
    font-size: 12px;
}

#producto-vigencia,
#coleccione-vigencia,
#beneficio-vigencia,
#solicitud-vigencia,
#adopcion-vigencia,
#canje-vigencia-libro {
    background-color: orangered;
    border-radius: 5px;
    height: 26px;
    /* width: 180px; */
    width: 65%;
    position: relative;
    top: -303px;
    left: 73px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
}

#canje-vigencia {
    background-color: orangered;
    border-radius: 5px;
    height: 26px;
    /* width: 180px; */
    width: 65%;
    position: relative;
    top: -283px;
    left: 73px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
}

.producto-vigencia__texto,
.beneficio-vigencia__texto,
.solicitud-vigencia__texto,
.adopcion-vigencia__texto,
.canje-vigencia__texto {
    padding-top: 2px;
    /* font-weight: bold; */
    color: white;
    font-size: 13px;
}


/* ************************* PRODUCTO DETALLE ************************* */
#contenedor-portada {
    border-right: 2px solid var(--grisOscuro);
    min-height: 430px;
}

#contenedor-portada__imagen {
    height: 260px;
    width: 200px;
    margin: auto;
}

#contenedor-portada__vigencia {
    background-color: orangered;
    border-radius: 5px;
    width: 170px;
    position: relative;
    top: -5px;
    right: -40px;
    z-index: 1;
}

#vigencia__texto {
    color: white;
    font-size: 17px;
    /* font-weight: bold; */
}

#contenedor-portada__img {
    height: 100%;
    position: relative;
    /* top: -45px Con etiqueta encima*/
}

#contenedor-portada__titulo {
    margin-top: 30px;
    /* background-color: var(--grisOscuro); */
    border-radius: 5px;
}

#portada__titulo {
    color: white;
    margin: auto;
}

#portada__autor,
#portada__editorial {
    color: white;
    margin: 10px auto 0;
}

#contenedor-botones {
    /* border: 1px solid white; */
    /* height: 260px; */
}

#vigencia-div {
    background-color: orangered;
    height: 32px;
    width: 200px;
    padding-top: 2px;
    border-radius: 5px;
    margin: auto;
}

#vigencia-tipo {
    color: var(--grisClaro);
}

#contenedor-botones button,
#lista-notas__botones button {
    width: 200px;
}

#contenedor-detalle {
    min-height: 200px;
    /* border-top: 2px solid var(--grisOscuro);
    border-bottom: 2px solid var(--grisOscuro); */
    /* background-color: var(--grisOscuro); */
    width: 95%;
    margin: auto;
}

#contenedor-detalle table {
    font-size: 18px;
}

#contenedor-detalle .celda-titulo {
    padding-right: 5px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid rgb(168, 155, 155); */
}

#contenedor-detalle .celda-contenido {
    padding-left: 5px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid rgb(168, 155, 155); */
}

#carrusel-producto {
    margin: 30px 0;
}


/* ************************* PRODUCTO SUSCRIPCIÓN ************************* */
#suscripcion-portada {
    height: 240px;
    margin: 10px auto 5px;
}

#suscripcion-titulo {
    color: white;
    font-size: 15px;
    font-weight: bold;
}

#suscripcion-autor {
    color: white;
    font-size: 12px;
}

#modal__suscripcion-producto {
    height: 500px;
    width: 2px;
    border-left: 2px solid lightgray;
}

#div__datos-suscripcion {
    height: 250px;
    /* background-color: var(--grisOscuro); */
    margin-bottom: 20px;
    padding-top: 15px;
}

#datos-suscripcion__detalle {
    margin-left: 20px;
}

#datos-suscripcion__detalle .titulo {
    text-align: start;
}

#datos-suscripcion__detalle .contenido {
    padding-left: 10px;
}

.btn-suscripcion-modal{
    width: 150px;
    margin: auto;
}

#relleno-modal {
    height: 30px;
    background-color: transparent;
}


/* ************************* MIS REGALOS ************************* */
/* CARRUSEL */
#sliderRegalos-1,
#sliderRegalos-2 {
    text-align: center;
}

#sliderRegalos-1 .portada,
#sliderRegalos-2 .portada,
#sliderRegalos-3 .portada {
    height: 200px;
    padding: 3px;
}

#sliderRegalos-1 .portada-nota,
#sliderRegalos-2 .portada-nota,
#sliderRegalos-3 .portada-nota {
    width: 100%;
    text-align: center;
}

#etiqueta-regalo {
    background-color: orangered;
    /* border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; */
    border-radius: 5px;
    width: 90%;
    margin: auto;
    /* position: relative;
    top: -220px;
    right: -10%; */
}

#etiqueta-reglo_texto {
    font-size: 12px;
}

/* BENEFICIO DETALLE */
#beneficio-carrusel {
    /* border-top: 2px solid var(--grisOscuro); */
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#beneficio__titulo,
#beneficio__subtitulo,
#beneficio__autor,
#beneficio__editorial {
    color: white;
    /* font-weight: lighter; */
}

/* ************************* BENEFICIO OBTENER ************************* */

#beneficiosuscripcion-obtener {
    width: 200px;
    margin: 10px auto 30px auto;
}

.grid-beneficio {
    /* border: 1px solid white; */
    height: 310px;
    width: 230px;
    /* background-color: var(--grisOscuro); */
    background-color: transparent;
    border-radius: 5px;
    padding: 5px;
    margin: 5px auto 5px auto;
    text-align: center;
}

#beneficio-portada {
    height: 240px;
    margin: 10px auto 5px auto;
}

#beneficio-titulo,
#beneficio-tituloCad,
#solicitud-titulo,
#canje-titulo {
    color: white;
    font-size: 15px;
}

#beneficio-autor {
    color: white;
    font-size: 12px;
}


/* ************************* OBTENER SUSCRIPCION ************************* */
#suscripcion-tab-descripcion {
    font-size: 13px;
}

#modal__suscripcion-portada {
    height: 500px;
    width: 2px;
    border-left: 2px solid lightgray;
}

#modal__contenido li {
    list-style: none;
}

#modal__contenido a {
    text-decoration: none;
    color: black;
}

/* ************************* MIS NOTAS ************************* */
#divMisNotas {
    min-height: 505px;
}

#notas-libros {
    padding: 0;
    padding-bottom: 20px;
    /* border: 1px solid green; */
}

.notas-libros__contenedor-portadas {
    padding: 0;
    width: 220px;
    text-align: center;
    margin: 5px auto;
}

.notas-portadas {
    width: 200px;
    height: 250px;
    padding: 5px 0;
    text-align: center;
    margin: auto;
    background-color: transparent;
}

#div-num-notas {
    background-color: #f3dc74;
    border-radius: 5px;
    height: 26px;
    /* width: 180px; */
    width: 65%;
    position: relative;
    top: -280px;
    left: 73px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
}

#notas-libros img {
    height: 100%;
}


/* ************************* NOTAS LISTA ************************* */
#lista-notas__lista-portadas {
    /* border-top: 2px solid var(--grisOscuro); */
    margin-bottom: 20px;
}

#lista-notas__numero,
#lista-notas__texto {
    color: #f3dc74;
}

.notas-div {
    /* width: 100%; */
    padding: 10px;
    /* border-radius: 5px; */
    margin: 0 15px;
    /* background-color: #f3dc74; */
    min-height: 250px;
    max-height: 250px;
    width: 100%;
    overflow-y: scroll;
    /* background-image: url('../recursos/PNG/hoja.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 35px; */
}

.notas-div__iconos {
    height: 36px;
    margin: 0 15px;
    padding: 6px 0 0 0;
    width: 100%;
    background-color: #e2cc6b;
}

.nota-icon {
    font-size: 21px;
    margin-left: 13px;
}

.notas-div__iconos span {
    margin: 0;
    padding: 5px 10px;
    color: black;
}

.nota-titulo {
    font-size: 17px;
    font-weight: bold;
}

.texto-cita {
    font-size: 14px;
}

.texto-nota {
    font-size: 16px;
    /* font-family: 'Edu SA Beginner', cursive; */
}

#lista-notas__grid-notas #contenedor-notas__nota-titulo {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* ************************* MI CUENTA ************************* */
#divMiCuenta {
    min-height: 505px;
}


/* ************************* LOGIN Y REGISTRO ************************* */
#logo-registro,
#logo-login {
    height: 32px;
    margin-top: 4px;
    cursor: pointer;
}

.login__input {
    background-color: transparent;
    color: white;
    height: 50px;
    border: 1px solid var(--grisModal);
}

#login__btnEnviar,
#btnRegistrarme {
    height: 40px;
    width: 200px;
}

#login__etiqueta-correo {
    position: relative;
    top: -282px;
    left: 110px;
    /* background-color: black; */
    /* background-color: #080d34; */
    width: 160px;
}

#login__etiqueta-password {
    position: relative;
    top: -214px;
    left: 100px;
    /* background-color: #060a2b; */
    width: 130px;
}

#registro__etiqueta-nombre {
    position: relative;
    top: -389px;
    left: 110px;
    background-color: #080c34;
    width: 160px;
}

#registro__etiqueta-pais {
    position: relative;
    top: -338px;
    left: 110px;
    background-color: #060a2d;
    width: 100px;
}

#registro__etiqueta-correo {
    position: relative;
    top: -294px;
    left: 110px;
    background-color: #050927;
    width: 160px;
}

#encabezado_contenido {
    height: 100px;
}

#encabezado__logo {
    padding-left: 0;
}

#logo__login {
    margin-top: 5px;
    width: 154px;
    cursor: pointer;
}

/* #logo__login {
    margin-top: 5px;
    width: 138px;
    cursor: pointer;
} */

#contenido__formulario__datos__titulo {
    color: var(--grisOscuro);
}

.input-datos {
    margin: 0 auto;
    padding: 0 8px;
    /* border: 2px solid gainsboro; */
    border-radius: 5px;
}

#modal-pais option {
    background-color: #fff;
}

#pais,
#contacto__pais,
#select-perfil,
#select-docente,
#completar-perfil__select-pais,
#completar-perfil__select-perfil,
#completar-perfil__select-docente,
.select-pais {
    background-color: transparent;
    text-align: start;
    height: 50px;
    border: 2px solid var(--grisModal);
}

#pais option,
#contacto__pais option,
#select-perfil option,
#select-docente option,
.select-pais option {
    background-color: var(--fondoAzul);
}

#enlace-login {
    font-weight: bold;
    text-decoration: none;
}

#enlace-registro,
#enlace-login,
#enlace_recuperar-cuenta,
#deslogueado__btnSesion {
    color: #5a6ced;
}

/* BOTONES REDES */
#ingresa-con {
    /* font-family: var(--fuenteOS); */
    color: blue;
}

.iniciar-redes {
    margin: 0 auto 30px auto;
    /* width: 35%; */
    width: 150px;
    background-position: -5px -5px;
    background-size: 39px 43px;
    background-repeat: no-repeat;
    /* font-family: var(--fuenteOS); */
}

.iniciar-google {
    background-image: url('../recursos/PNG/google_.png');
}

.iniciar-facebook {
    background-image: url('../recursos/PNG/facebook_.png');
}

.iniciar-twitter {
    background-image: url('../recursos/PNG/twitter_.png');
}

#enlace_recuperar-cuenta {
    border: none;
}

#iconMostrar__login {
    font-size: 17px;
    position: absolute;
    top: 37px;
    right: 10px;
}

#iconMostrar__reg1 {
    font-size: 17px;
    position: absolute;
    top: 35px;
    right: 10px;
}

#iconMostrar__reg2 {
    font-size: 17px;
    position: absolute;
    top: 35px;
    right: 10px;
}

/* ************************* REGISTRO CONFIRMAR ************************* */
/* TEMAS INTERES */
#div__temas-interes {
    background-color: #fff;
    border-radius: 20px;
}

#temas-interes__titulo,
#temas-interes__subtitulo,
#temas-interes__subtitulo2 {
    color: var(--fondoAzul);
    font-weight: bold;
}

#div__temas-interes #btn-continuar,
#div__temas-interes #btn-despues {
    width: 250px;
    /* background-color: #47ca39; */
}

#div__temas-interes #temas label {
    color: white;
}

.temas {
    margin: 0 0 10px;
    font-weight: bold;
}

.tema-color {
    color: var(--fondoAzul);
}

#confirmar__password2 {
    margin-top: 35px;
}

#confirmar__etiqueta-password1 {
    position: relative;
    top:  -315px;
    left: 140px;
    background-color: #070c33;
    width: 110px;
}

#confirmar__etiqueta-password2 {
    position: relative;
    top:  -265px;
    left: 120px;
    background-color: #050926;
    width: 200px;
}

#confirmar__btn {
    width: 150px;
    margin-top: 30px;
}

#iconMostrar__confirmar-cuenta1 {
    font-size: 17px;
    position: absolute;
    top: 37px;
    right: 10px;
}

#iconMostrar__confirmar-cuenta2 {
    font-size: 17px;
    position: absolute;
    top: 37px;
    right: 10px;
}

/* ************************* REGISTRO CONFIRMAR CUENTA **************************** */
#registro-confirmar__titulo {
    color: #455cd2;
}

#registro-confirmar__subtitulo {
    color: #FFF;
}

#registro-confirmar__indicacion {
    color: #FFF;
}

/* ************************* REGISTRO REGALO ************************* */
#regalo-portada {
    height: 230px;
}

#regalo-ficha {
    margin: 0;
    padding: 0;
}

#regalo-portada img {
    height: 100%;
}

#regalo-titulo,
#regalo-autor {
    margin: 0;
    padding: 0;
    color: white;
}

#regalo-titulo {
    font-size: 17px;
}


/* ************************* REGISTRO CORREO EXISTENTE ************************* */
#recuperar__correo {
    margin-bottom: 40px;
}

#recuperar__correo-confirmar {
    margin-bottom: 30px;
}

#recuperar__etiqueta-correo {
    position: relative;
    top: -265px;
    left: 110px;
    background-color: #070c33;
    width: 160px;
}

#recuperar__etiqueta-confirmar {
    position: relative;
    top: -209px;
    left: 110px;
    background-color: #050926;
    width: 240px;
}

#recuperar__indicacion {
    color: var(--naranja);
}

#btn__recuperar {
    width: 150px;
}

/* ************************* MI CUENTA ************************* */

.cuenta__input {
    background-color: transparent;
    color: white;
    height: 33px;
    border: 1px solid var(--grisModal);
}


/* ************************* BÚSQUEDA ************************* */
#busqueda__contenidos-titulo,
#busqueda__catalogo-titulo,
#busqueda__suscripciones-titulo,
#colecciones-titulo {
    /* background-color: var(--fondoBtn); */
    padding: 5px 10px;
    border-radius: 5px;
}

#div__resultados-contenidos,
#div__resultados-catalogo,
#busqueda__suscripciones-titulo {
    /* border: 1px solid white; */
}

.busqueda__contenedor-portadas,
.coleccione__contenedor-portadas {
    padding: 0;
    width: 200px;
    text-align: center;
    margin: 5px auto;
}

.editorial__contenedor-portadas {
    padding: 0;
    width: 200px;
    text-align: start;
    margin: 5px auto;
}

.busqueda-portadas {
    width: 200px;
    height: 210px;
    padding: 5px 0;
    text-align: center;
    margin: auto;
    background-color: transparent;
}

#div__resultados-contenidos img,
#div__resultados-catalogo img,
#contenido__resultados img,
#contenido__portadas img,
#resultadosBusqueda img {
    height: 100%;
}

/* ******************** RED DOCENTES ******************** */
.texto-chico {
    font-size: 13px;
}

@media (min-width: 763px) {
    .tabla-pi {
        padding-left: 40px;
    }
}

@media (max-width: 762px) {
    .tabla-pi {
        padding-left: 0px;
    }
}

@media (min-width: 763px) {
    .tabla-pe {
        padding-right: 40px;
    }
}

@media (max-width: 762px) {
    .tabla-pe {
        padding-right: 0px;
    }
}

.li-docente {
    margin: 0;
    padding: 0;
}

#tabla-cdocente {
    border-top: 2px solid var(--fondoBtn);
    border-bottom: 2px solid var(--fondoBtn);
}

#desenfoque {
    width: 3000px;
}

.grid-coleccione {
    /* height: 310px; */
    width: 230px;
    background-color: transparent;
    border-radius: 5px;
    padding: 5px;
    margin: 5px auto 5px auto;
    text-align: center;
}

@media (max-width: 500px) {
    #buscar__coleccione {
        width: 75%;
    }
}

@media (min-width: 501px) {
    #buscar__coleccione {
        width: 50%;
    }
}

/* ************************* PRUEBAS ************************* */
/* #relleno-der,
#relleno-izq {
    background-color: #1976f2;
} */

#div-pruebas {
    display: none;
}