/**
Theme Name: Astra-child
Template: astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.8.12
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.7.1
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */

:root {
    --udb-logo: #274292;   
    --udb-logo-rgba: rgba(39, 66, 146, 0.8);
    --gris: #d4d9e9; 
    --ast-global-color-1: #274292;
    --red: #ce593b; 
    --green: #0c7c59;
    --yellow: #ffe00b;
}

@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

*, body {
    /*font-family: 'Montserrat', sans-serif;*/
    /*font-family: 'Raleway', sans-serif;*/
    /*font-family: 'Source Sans 3', sans-serif;*/
    font-family: 'Nunito', sans-serif;
}

h2.titulo-principal , h2{
    color: var(--udb-logo);
}

h1.entry-title {
    color: var(--udb-logo);
}
h1.page-title.ast-archive-title {
    color: var(--udb-logo);
}

/*INICIO*/

div#location {
    font-size: 36px;
    color: var(--udb-logo);
    font-weight: bold;
    background-color: #ffe00b;
    width: auto;
    padding: 5px 20px;
    border-radius: 60px;
    flex-shrink: 0;
    text-align: right; /* texto alineado a la derecha */
    display: initial !important;
}

.ast-builder-html-element {
  display: flex;
  justify-content: space-between; /* pone un div a la izquierda y otro a la derecha */
  align-items: center; /* centra verticalmente */
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px; /* opcional */
}


.ast-header-html.inner-link-style- {
    margin-bottom: 30px;
}

.ast-header-html.inner-link-style- {
    width: 100%;
}

.center{
    text-align: center !important;
}

p {
    text-align: justify;
}

.imagen-portada {
  position: relative;
  height: 575px;
  overflow: hidden;
}

.imagen-portada img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 27%;
}

/* Degradado oscuro desde abajo */
.imagen-portada::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, transparent 150%);
  pointer-events: none; /* para que no interfiera con el texto */
}

/* Texto "Bienvenido" centrado abajo */
.texto-bienvenida {
    text-align: center;
    position: absolute;
    max-width: 500px;
    bottom: 18%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    z-index: 2;
}

div#primary {
    margin: 0 !important;
    margin-bottom: 60px !important;
}

#container_info {
    text-align: center;
    margin-top: 130px;
    margin-bottom: 20px;
}
#container_info a{
display: inline-block;
}

#custom_html-9 a{
text-decoration: none !important;
width: 0 auto;
}

.info {
    display: inline;
    float: left;
    width: 110px;
    height: auto;
    padding: 6px;
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
}

.last {
margin-right: 0 !important;
}

.info h1  {
color: #3363af;
font-size:14px;
font-weight: bold;
height: 30px;
}

.info p {
color: #474544;
font-size: 15px !important;
}

.info img {
margin: 0;
padding: 0;
height: 100%;
max-height: 75px;
}

#now a {
    text-decoration: none !important;
}

/* Animación de desvanecimiento */
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

.fade-in {
animation: fadeIn 0.3s ease-in-out;
}


/* Contenedor principal de eventos */
.udb-eventos .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin: 20px 0;
}

/* Fecha de los eventos */
.udb-eventos .fecha {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

/* Texto de los eventos */
.udb-eventos .texto {
    flex: 1;
    margin-left: 13px;
    padding-left: 13px;
    border-left: 1px solid #fff;
}

.udb-eventos .texto h4 {
    font-size: 20px;
    margin: 0;
    color: #222;
    margin-bottom: 20px;
}

.udb-eventos .texto p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}

/* Contenedor de las opciones */
.udb-eventos .container {
    display: flex;
    gap:20px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
    width: 100%;
}

/* Caja de eventos */
.udb-eventos .box {
    flex: 1;
    background-color: #9ab5d8;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

/* Menú de selección */
.udb-eventos .menu {
    text-align: center;
    width: 100%;
}

.udb-eventos .menu button {
    padding: 10px 20px;
    color: var(--udb-logo);
    margin: -1px;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #ccc;
    background-color: var(--gris);
    transition: background-color 0.3s, color 0.3s;
    border-radius: 0;
}

.udb-eventos .menu button.selected {
    background-color: var(--udb-logo);
    color: white;
    border-color: var(--udb-logo);
}

/* Responsividad */
@media (max-width: 768px) {
    .udb-eventos .box {
        flex: 1 1 100%;
    }
    p.horario-estado-abierto {
        margin: 15px 0 0 0;
    }
    .horario-container {
        position: absolute;
        bottom: -150px;
        left: 0;
        background: linear-gradient(0deg, transparent, rgba(39, 66, 146, 1));
        width: 100%;
        padding: 15px;
        color: #fff;
    }
    .build-sidebar {
        position: relative !important;
    }
    a#build-more-details {
        color: var(--udb-logo);
        background-color: var(
                --yellow);
        width: 170px;
        padding: 0 4px;
        border-radius: 5px;
    }

}

/*INICIO FIN*/


.ast-footer-copyright p {
    color: var(--udb-logo);
}
.site-below-footer-wrap {
    padding: 0;
}

.hide , .encabezado.titulo {
    display: none;
}

thead tr{
    background-color: var(--udb-logo);
    color:white;
  }

div#content {
    background-color: #fff;
}

#welcome h1 {
    color: var(--udb-logo);
    font-weight: 900;
}

.ast-breadcrumbs-wrapper {
    margin-bottom: 20px !important;
    margin-top: 30px !important;
    opacity: 0.75;
}

/* Título dentro del buscador */
#slider-inicio h3,
#div-buscador h3 {
    margin-bottom: 15px;
}

/* Contenedor principal del slider (oculto por defecto) */
#slider-inicio {
    position: relative;
    display: none; /* Oculto */
}

/* Contenedor del buscador */
#div-buscador {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #e6eaf8; /* Fondo claro azulado */
    padding: 20px;
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 700px;
}

/* Cabecera del buscador: título a la izquierda, opciones a la derecha */
.search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

#div-buscador h3 {
    margin: 0;
    font-size: 1.2rem;
    color: #102b72; /* Azul oscuro */
}

/* Opciones de búsqueda */
.search-options {
    display: flex;
    gap: 15px;
}

.search-option {
    cursor: pointer;
    font-weight: bold;
    color: #4060a3;
    transition: color 0.3s;
    font-size: 0.95rem;
}

.search-option.active {
    color: #102b72;
}

.search-option:hover {
    color: #001f5c;
}

/* Barra de búsqueda (input + botón) */
.search-bar {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    padding: 5px 10px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.search-input, #input1 {
    box-shadow: none;
    flex: 1;
    border: none;
    outline: none;
    padding: 10px 15px;
    font-size: 1rem;
    border-radius: 50px;
    color: #333;
    background: transparent;
}

.search-input::placeholder,
#input1::placeholder {
    color: #bbb;
}

/* Icono de búsqueda (lupa) */
.search-icon {
    box-shadow: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-icon img {
    width: 22px;
    height: 22px;
    transition: transform 0.2s;
    filter: invert(23%) sepia(96%) saturate(478%) hue-rotate(190deg) brightness(93%) contrast(94%);
}

.search-icon:hover img {
    transform: scale(1.1);
}

.search-icon:hover {
    background-color: #fff !important;
}

/* Footer */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background-color: var(--gris);
}

/* Otros estilos útiles */
.ast-below-header-bar {
    background-color: var(--gris);
    border-bottom-width: 0 !important;
}

#welcome {
    text-align: center;
    flex-shrink: 0; /* que no se encoja */
    display: initial !important;
}

#welcome p {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.4em;
    margin: 0;
    color: var(--ast-global-color-2);
}

.ast-builder-menu-2 .main-navigation li {
    font-weight: bold !important;
    font-size: 15px;
}

button#btnOpcion1 {
    margin-bottom: 15px;
}

/*Autor del mes INICIO*/

/*iframes autor del mes*/
#container-entrevista {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

#container-entrevista .libro {
    font-size: 20px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    #container-entrevista{
        grid-template-columns: repeat(3, 1fr); /* Tres columnas iguales */
    }
}

#container-entrevista .responsive-column , #container-entrevista-full .responsive-column  {
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
}

#container-entrevista .iframe-container , #container-entrevista-full .iframe-container {
    position: relative;
    padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    background-color: #eee; /* Fondo para contenedor vacío */
}

#container-entrevista-full .iframe-container {
    padding-bottom: 507px;
    max-width: 900px;
    margin: auto;
}

#container-entrevista .iframe-container iframe  , #container-entrevista-full .iframe-container iframe  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

#container-entrevista .pregunta {
    margin-bottom: 30px;
    margin-top: 30px;
}


.tag {
    display: flex; /* Activa flexbox */
    align-items: center; /* Alineación vertical */
    justify-content: center; /* Alineación horizontal (opcional) */
    position: relative;
    padding: 10px 20px;
    background-color: #ecd513;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
    margin: 10px;
  }
  
  .tag:before,
  .tag:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 10px solid transparent;
  }
  
  .tag:before {
    left: -20px;
    border-right-color: #ecd513;
  }
  
  .tag:after {
    right: -20px;
    border-left-color: #ecd513;
  }
  
  
@media (max-width: 768px) {
    #container-entrevista-full .iframe-container {
        padding-bottom: 56.25%;
    }
}


/*Autor del mes FIN*/

/*coverflow*/
 
 #coverflow{
 background-color: #ddd ;
 padding-bottom: 0px !important;
 margin: 0 !important;
 margin-bottom: 20px !important;
 }
 
 .div_TMA {
     float: right;
 }
 .koha-coverflow , .div_TMA{
 margin: 0 !important;
 padding: 0 !important;
 width: 100% !important;
 }
 
 .flipster__button{
 font-size: 10px !important;
 color: black !important;
 }
 
 @media only screen and (min-width:766px) {
 .flipster__item--past, .flipster__item--future {visibility: hidden;}
 #coverflow{width: 98%;}
 .koha-coverflow{width: 100%}
 .koha-coverflow li{ width: 100%; }
 
 #coverflow  .texto{
 background-color: #E2F0FB;
 float: right !important;
 height: 240px;
 width: 70% ;
 }
 
 #coverflow .texto p{
 font-size: 20px;
 margin-right: 50px;
 margin-left: 25px;
 text-align: justify;
 }
 #coverflow  .texto h1{
 text-align: center;
 font-size: 27px;
 }
 #coverflow .imagen{
 float: left;
 background-color: #E2F0FB ;
 height: 240px;
 width: 30%;
 }
 #coverflow .imagen img{
 margin-top: 10%;
 float: right;
 }
 #coverflow li, #coverflow ul{
 height: 240px !important;
 margin: 0 !important;
 padding: 0 !important;
 }
 }
 
 @media only screen and (max-width:766px) {
 #coverflow .texto{display: none;}
 #container-button{
     max-width: 100% !important;
 }
 }
 
 @media only screen and (max-width:1166px) {
 #container-button{
     max-width: 100% !important;
 }
 }
 
 .flipster {
 display: block;
 overflow-x: hidden;
 overflow-y: visible;
 position: relative;
 background-color: #F2F2EF;
 box-shadow: 0px 2px 2px 1px rgba(135,135,135,1);
 }
 
 .imagen img {
     max-height: 200px;
     margin-right: 10px;
 }
 
 #coverflow_container{
     max-width: 925.25px;
     width: 100%;
     float:left;
 }
 
 #container-button{
     max-width: 300px;
     width: 100%;
     float:right;
 }
 .encabezado-autores{
     margin-top:20px;
     width: 100%;
     float:right;
 }
 .bloque_reutilizable{
     margin-top:20px;
     width: 100%;
     float:right;
 }
 
 /*coverflow*/

/*book 3d cover*/
 /* General Demo Style */
 @import url(http://fonts.googleapis.com/css?family=Lato:400,700);
 
 .bk-header {
     margin-bottom: -30px;
     margin-top: 30px;
     width:100%;
     float:left;
 }
 
 .bk-cover img {
     height: 350px;
 }
 .bk-back img{
     height: 345px;
 }
 
 .mainb ol , .mainb ul{
     margin:0 auto !important;
 }
 
 .mainb {
    font-weight: 400;
    font-size: 15px;
    color: #333;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
    position: relative;
    width: 100%;
    max-width: 1400px;
    overflow: auto;
}
 
 
 button.bk-bookview {
     margin-top: 10px;
 }
 
 .bk-list {
     list-style: none;
     position: relative;
 }
 
.bk-list li {
    width: 20%;
    min-width: 270px;
    float: left;
    z-index: 1;
    margin: 0px 24px 40px 0;
    -webkit-perspective: 1800px;
    perspective: 1800px;
}
 
 h3.encabezado.bk-header {
    margin-bottom: 40px;
}
 
.bk-info span {
    color: var(--udb-logo);
    font-weight: bold;
}

 .bk-list li:last-child {
     margin-right: 0;
 }
 
 .bk-info {
     position: relative;
     margin-top: 390px;
     width: 237px
 }
 
 .bk-info h3 {
     padding: 10px 0 10px;
     margin-bottom: 20px;
     font-size: 17px;
 }
 
 .bk-info h3 span:first-child {
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     padding-bottom: 5px;
     display: block;
     color: var(--udb-logo);
 }
 
 .bk-info p {
     line-height: 24px;
     color: #444;
 }
 
 .bk-info button {
     background: var(--yellow);
     border: none;
     color: var(--udb-logo);
     display: inline-block;
     padding: 3px 15px;
     font-weight: 700;
     font-size: 14px;
     text-transform: uppercase;
     cursor: pointer;
     margin-right: 4px;
     box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
 }
 
 .bk-info button.bk-active,
 .bk-info button:active {
     box-shadow: 
         0 1px 0 rgba(255, 255, 255, 0.8), 
         inset 0 -1px 1px rgba(0,0,0,0.2);
 }
 
 .no-touch .bk-info button:hover,
 .bk-info button.bk-active {
     background: #1a3258;
 }
 
 .bk-list li .bk-book {
     position: absolute;
     width: 235px;
     height: 350px;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -webkit-transition: -webkit-transform .5s;
     transition: transform .5s;
 }
 
 .bk-list li .bk-book.bk-bookdefault:hover {
     -webkit-transform: rotate3d(0,1,0,35deg);
     transform: rotate3d(0,1,0,35deg);
 }
 
 .bk-list li .bk-book > div,
 .bk-list li .bk-front > div {
     display: block;
     position: absolute;
 }
 
 .bk-list li .bk-front {
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -webkit-transform-origin: 0% 50%;
     transform-origin: 0% 50%;
     -webkit-transition: -webkit-transform .5s;
     transition: transform .5s;
     -webkit-transform: translate3d(0,0,20px);
     transform: translate3d(0,0,20px);
     z-index: 10;
 }
 
 .bk-list li .bk-front > div {
     z-index: 1;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
 }
 
 .bk-list li .bk-page {
     -webkit-transform: translate3d(0,0,19px);
     transform: translate3d(0,0,19px);
     display: none;
     width: 230px;
     height: 345px;
     top: 5px;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 9;
 }
 
 .bk-list li .bk-front,
 .bk-list li .bk-back,
 .bk-list li .bk-front > div {
   width: 235px;
     height: 350px;
 }
 
 .bk-list li .bk-left,
 .bk-list li .bk-right {
     width: 40px;
     left: -20px;
 }
 
 .bk-list li .bk-top,
 .bk-list li .bk-bottom {
     width: 295px;
     height: 40px;
     top: -15px;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }
 
 .bk-list li .bk-back {
     -webkit-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
     transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
     box-shadow: 10px 10px 30px rgba(0,0,0,0.3);
     border-radius: 3px 0 0 3px;
 }
 
 .bk-list li .bk-cover-back {
     background-color: #000;
     -webkit-transform: rotate3d(0,1,0,-179deg);
     transform: rotate3d(0,1,0,-179deg);
 }
 
 .bk-list li .bk-right {
     height: 390px;
     top: 5px;
     -webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
     -moz-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
     transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }
 
 .bk-list li .bk-left {
     height: 350px;
     -webkit-transform: rotate3d(0,1,0,-90deg);
     transform: rotate3d(0,1,0,-90deg);
 }
 
 .bk-list li .bk-top {
     -webkit-transform: rotate3d(1,0,0,90deg);
     transform: rotate3d(1,0,0,90deg);
 }
 
 .bk-list li .bk-bottom {
     -webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
     transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
 }
 
 /* Transform classes */
 
 .bk-list li .bk-viewinside .bk-front {
     -webkit-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
     transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
 }
 
 .bk-list li .bk-book.bk-viewinside {
     -webkit-transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);
     transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);
 }
 
 .bk-list li .bk-book.bk-viewback {
     -webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
     transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
 }
 
 /* Main colors and content */
 
 .bk-list li .bk-page,
 .bk-list li .bk-right,
 .bk-list li .bk-top,
 .bk-list li .bk-bottom {
     background-color: #fff;
 }
 
 .bk-list li .bk-front > div {
     border-radius: 0 3px 3px 0;
     box-shadow: 
         inset 4px 0 10px rgba(0, 0, 0, 0.1);
 }
 
 .bk-list li .bk-front:after {
     content: '';
     position: absolute;
     top: 1px;
     bottom: 1px;
     left: -1px;
     width: 1px;
 }
 
 .bk-list li .bk-cover:after,
 .bk-list li .bk-back:after {
     content: '';
     position: absolute;
     top: 0;
     left: 10px;
     bottom: 0;
     width: 3px;
     background: rgba(0,0,0,0.06);
     box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
 }
 
 .bk-list li .bk-back:after {
     left: auto;
     right: 10px;
 }
 
 .bk-left h2 {
     width: 350px;
     height: 40px;
     -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
     transform-origin: 0 0;
     -webkit-transform: rotate(90deg) translateY(-40px);
     transform: rotate(90deg) translateY(-40px);
 }
 
 .bk-content {
     position: absolute;
     top: 30px;
     left: 20px;
     bottom: 20px;
     right: 20px;
     padding: 9px;
     padding-top: 20px;
     overflow: hidden;
     background: #fff;
     opacity: 0;
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: opacity 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out;
     cursor: default;
 }
 
 .bk-content-current {
     opacity: 1;
     pointer-events: auto;
 }
 
 .bk-content p {
     padding: 0 0 10px;
     -webkit-font-smoothing: antialiased;
     color: #000;
     font-size: 11px;
     text-align: center;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .bk-page nav {
     display: block;
     text-align: center;
     margin-top: 20px;
     position: relative;
     z-index: 100;
     cursor: pointer;
 }
 
 .bk-page nav span {
     display: inline-block;
     width: 20px;
     height: 20px;
     color: #aaa;
     background: #f0f0f0;
     border-radius: 50%;
 }

 .btll a {
    background-color: var(--udb-logo);
    color: white;
    padding: 15px;
    border-radius: 20px;
    text-decoration: none !important;
}
 
 /* Individual style & artwork */
 
 /* Book 1 */
 .book-1 .bk-front > div,
 .book-1 .bk-back,
 .book-1 .bk-left,
 .book-1 .bk-front:after {
     background-color: black;
 }
 
 .book-1 .bk-cover h2 {
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     padding: 30px;
     background: rgba(255,255,255,0.2);
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
 }
 
 .book-1 .bk-cover h2 span:first-child,
 .book-1 .bk-left h2 span:first-child {
     text-transform: uppercase;
     font-weight: 400;
     font-size: 13px;
     padding-right: 20px;
 }
 
 .book-1 .bk-cover h2 span:first-child {
     display: block;
 }
 
 .book-1 .bk-cover h2 span:last-child,
 .book-1 .bk-left h2 span:last-child {
     font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
 } 
 
 .book-1 .bk-content p {
     font-family: Georgia, Times, "Times New Roman", serif;
 }
 
 .book-1 .bk-left h2 {
     color: #fff;
     font-size: 15px;
     line-height: 40px;
     padding-right: 10px;
     text-align: right;
 }
 
 .book-1 .bk-back p {
     color: #fff;
     font-size: 13px;
     padding: 40px;
     text-align: center;
     font-weight: 700;
 }
 
 /* Fallbacks */
 
 .no-csstransforms3d .bk-list li .bk-book > div,
 .no-csstransforms3d .bk-list li .bk-book .bk-cover-back {
     display: none;
 }
 
 .no-csstransforms3d .bk-list li .bk-book > div.bk-front {
     display: block;
 }
 
 .no-csstransforms3d .bk-info button,
 .no-js .bk-info button {
     display: none;
 }
 /*book 3d cover*/



/*MODAL INICIO*/


.modal-koha {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
}


.modal-koha-content {
      background: white;
      padding: 25px;
      width: 25%;
	  min-width:300px;
      margin: 10% auto;
      border-radius: 5px;
      text-align: center;
      position: relative;
      animation: slideDown 0.1s ease-in-out;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

  /* Animación de entrada */
@keyframes slideDown {
      from {
          opacity: 0;
          transform: translateY(-30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
}

.close-modal-koha {
    position: absolute;
    top: -10px;
    right: 4px;
    font-size: 22px;
    cursor: pointer;
    color: #333;
    font-weight: bold;
    background-color: var(--red);
    height: 0;
}

.close-modal-koha:hover {
      color: var(--red);
}

div#resultado {
    margin: 0 0 20px 0;
    color: var(--red);
}

button.submitbutton {
    margin: 10px 0 0 0;
    width: 100%;
    padding: 10px 20px;
}
.modal-koha-content .form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; /* Espaciado entre cada fila */
}

.modal-koha-content label {
    width: 40%;  /* Ajusta el ancho del label */
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.modal-koha-content input {
    width: 55%; /* Ajusta el ancho del input */
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

li#menu-item-17521 a{
	color: var(--ast-global-color-3);
	/*transition: all .0s linear !important;*/
}

li#menu-item-17521 a:hover{
	color: var(--ast-global-color-1) !important;
}

/*MODAL FIN*/


/*GT INICIO */


/* tutoriales */
  
.dropbtn {
    background-color: transparent !important;
    width: 100%;
    padding: 8px;
    font-size: 15px;
    border: none;
    margin-top: 10px;
}
  
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #008BEA;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
  
.dropdown-content a {
    color: white;
    padding: 8px 20px;
    text-decoration: none;
    display: block;
    font-size: 15px;
}
  
.dropdown-content a:hover {
    background-color: #f1f1f1;
    color: black;
}
  
.dropdown:hover .dropdown-content {
    display: block;
}

div#tutoriales_gt {
    background-color: #1A3258;
    padding: 18px;
    border-radius: 15px;
    text-align: center;
}

.dropbtn i.fa.fa-play {
    font-size: 11px;
    margin-left: 5px;
}
/*tutoriales*/

#loading {
    display: flex;
    align-items: center;
    height: 30vh;
    justify-content: center;
}
div#plan_estudio_label {
    max-width: 320px;
    border: var(--udb-logo) solid 2px;
    background-color: #fff;
    color: var(--udb-logo);
    padding: 7px;
    text-align: center;
    border-bottom: 0;
}
#REt3 .item-RE , #REt6 .item-RE {
    border: 2px solid transparent;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
#containerRE {
    position: relative;
    width: 100%;
    height: 50px;
}
/* Estilo para el contenedor principal */
.headRE {
    border-bottom: 5px solid #19ade0;
    padding: 0 10px;
}
.headRE i {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 15px;
}

.headRE h2 {
    padding-top: 8px;
    font-size: 15px;
    margin: 0px;
    font-weight: bold;
    padding-bottom: 8px;
    color: #fff !important;
}

@media (max-width: 975px) {
    div#RE {
        width: 100%;
        max-width: 96%;
        margin: 0 2%;
        /* margin-top: 8px; */
        /* margin-bottom: 50px; */
        position: initial;
    }
    div#containerRE {
        position: initial;
        margin: 65px 0 25px 0;
    }
    div#contentRE {
        width: 95%;

    }
}

/* Estilo para el div oculto */
#contentRE {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #3363af;
    width: 400px;
    padding: 10px 0px 35px 10px;
}
#RE {
    margin: 5px 0;
    padding: 5px 0;
    position: absolute;
    z-index: 999;
    top: 5px;
    right: 0;
    width: 45%;
    max-width: 400px;
    border-radius: 10px 10px 0 0;
    background-color: #3363af;
    /*padding: 5px 15px 0 15px;*/
    color: #eee;
}
.item-RE {
    width: 150px;
    display: inline-block;
    margin-left: 25px;
    margin-bottom: 25px;
}       
.imagen-recurso img {
    width: 100%;
    border-radius: 5px;
}


.imgDefecto {
    position: relative;
    display: inline-block;
    height: 100%;
}

.imgDefecto .tituloCover { 
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    text-align: left;
    margin: -2px !important;
    padding: 20px !important;
    color:white;
    font-weight: bold;
    font-size: 13px !important;
    transform: translateY(-50%)
}

.isotope-pager .pager {
    display: inline-block;
}

.isotope-pager {
    text-align: center;
    margin-top: 30px;
}
.pager {
    line-height: 20px;
    font-size: 12px;
    color: black;
    padding: 6px 12px;
    text-decoration: none;
}
.pager.active {
    background-color: #19ade0;
    color: white;
}

#filters label{
    margin-left: 20px;
}

#filters input, #filters select {
    padding-left: 8px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    max-width: 200px;
    height: auto;
}
.datos {
    color:#fff;
    background-color: #9b9b9b;
    margin: 19px -22px 0 -22px;
    padding: 4px 20px 4px 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 2px solid transparent;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    text-align: right;
}
#filters {
    padding: 15px 5px 15px 5px;
    background-color: var(--gris);
    /*margin-bottom: 30px;*/
}

.class-containerGT {    
    overflow: hidden;
}

.class-containerGT .item {
    overflow: unset;
    max-width: 475px;
    width: 100%;
    height: 235px;
    margin: 20px 20px 25px 20px;
    padding: 15px 20px 44px 20px;
    background: #ffffff;
    border: 2px solid transparent;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.class-containerGT .cover{
    height: 100%;
    display: flex;
}

.class-containerGT .cover .titulogt{
    color: #1e73be;
    margin-bottom: 10px;
}
.class-containerGT .cover .abstracto{
    margin-bottom: 10px;
}

.textogt p {
    text-align: justify;
    line-height: 20px;
}

.class-containerGT .item .cover .img, .imgDefecto {
    max-width: 132.81px;
    min-width: 132.81px;
    max-height: 172px;
    margin-right: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 35px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    background-color: #097969;
}

.imgDefecto img {
    height: 100% !important;
    width: 100% !important;
    
}

.class-containerGT .item p{
    margin: 0;
    padding: 0;
    font-size: 14px;
}

/*DATOS*/

.select2-container {
    min-width: 250px;
    max-width: 250px;
}

.Libraryso--tags {
    display: block;
    border-radius: 40px;
    overflow: auto;
    margin-bottom: 30px;
}

.Libraryso--tags ul {
    width: 100%;
    list-style: none;
    display: flex;
    margin-bottom: 0.5rem;
    padding: 0;
    margin: 0 !important;
}

.Libraryso--tags ul li {
    flex: 1;
    list-style: none;
    line-height: 20px;
}



div#GT {
    min-height: 530px;
}

@media (max-width: 975px) {
    .Libraryso--tags ul, #plan_estudio_label {
        display: none !important;
    }

    select#tipo-select {
        min-width: 100%;
    }
    #filters #tipo-select{
        display: inline !important;
        width: 100%;
        background-color: var(--gris);
        border-top: 4px solid var(--yellow);
        color: var(--udb-logo);
        padding: 10px 5px 10px 5px;
        margin-bottom: 5px;
        font-size: 16px;
    }

    #filters #tipo-select option{
        color: black;
        background-color: #E2F0FB;
    }

    .class-containerGT {
        margin-top:53px;
    }

}

@media (max-width: 1000px) {
    #search-input {
        margin: 30px 0 15px 0!important;
        width: 100%;
        max-width: 100% !important;
    }
    #filters {
        margin-top: 25px !important;
        margin-bottom: 34px !important;
        background-color: transparent;
    }
    #filters label{
        margin-left: 0 !important;
    }
    #filters #tipo-select{
        margin-bottom: 30px;
    }
}

@media (max-width: 610px) {
    #filters select{ 
        display: block; 
        width: 100%; 
        margin-bottom: 15px;
    }
    .class-containerGT {
        width: 100% !important;
        margin-top:53px;
    }
    p.abstracto {
        display: none;
    }
    .class-containerGT .item {
        margin: 20px 0 !important;
    }
}

@media (max-width: 730px) {
    #filters .select2 {
        width: 100% !important;
    }
    #filters label{
        display: block;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    div#filters {
        padding-bottom: 65px;
    }
    #filters #tipo-select{
        margin-bottom: 15px;
    }
    
}

.class-containerGT .item:hover {
    box-shadow: 0 0 13px 0 rgba(185, 185, 185, .25);
}

/*GT FIN  */



/*RESPONSIVE*/
@media only screen and (max-width: 1200px) {
    .ast-breadcrumbs-wrapper {
        margin-top: 15px;
    }
    .site-primary-footer-wrap, .site-above-footer-wrap {
        padding-right: 20px;
        padding-left: 20px;
    }
    
}

@media only screen and (max-width: 900px) {
    div#welcome {
        margin-bottom: 0;
    }
    div#div-buscador {
        position: relative;
        bottom: -25px;
        left: 50%;
        max-width: 84%;
    }  
    div#container_info {
        margin-top: 90px;
    }
    .imagen-portada {
        height: auto;
    }
}

@media only screen and (max-width: 800px) {
    header .custom-logo-link img {
        width: 150px;
    }
    .search-options {
        justify-content: center;
    }
}

@media only screen and (max-width: 500px) {
    #welcome h1 {
        font-size: 17px;
    }    
    .ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
        min-height: auto;
        padding-bottom: 10px;
    }
    .info {
        margin: 0 !important;
        padding: 2px;
        width: 95px !important;
    }
    .info img {
        width: 50px !important;
    }
    .info h1 {
        font-size: 13px !important;
    }
    #slider-inicio h3 {
        display: none;
    }
    .udb-eventos .texto h5 {
        color: var(--udb-logo);
    }
    div#n2-ss-3 .n2-ss-slider-3 {
        height: 250px;
    }
    form#search-form {
        padding: 0px;
    }
    .search-icon img {
        width: 15px !important;
        height: 15px !important;
    }
    #input1 {
        padding: 0 !important;
    }
    div#div-buscador {
        font-size: 13px !important;
    }
    #input1 {
        padding: 2px !important;
        height: auto;
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
    }
}

/*RESPONSIVE FIN*/



/*MENU FIJO*/
.ast-above-header-bar {
    border-bottom-width: 0px !important;
}
.ast-below-header-wrap.sticky-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff; /* Ajusta según tu diseño */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra opcional */
    transition: all 0.3s ease-in-out;
}
.admin-bar .ast-below-header-wrap.sticky-menu {
    top: 32px; /* Ajuste si el usuario tiene la barra de administración activa */
}
/* Mantener el espacio original del menú */
.placeholder-menu {
    display: none; /* Oculto por defecto */
}
/*MENU FIJO*/



.ast-footer-copyright p {
    text-align: center;
}


section#block-9 {
    margin-top: 20px;
}

@media (max-width: 700px) {
    section#block-9 {
        padding: 0 30px !important;
    }
}


#comentario {
    position: relative;
    font-style: italic;
    font-size: 1.3rem;
    color: #0074C7; /* azul similar al de la imagen */
    line-height: 1.5;
    padding-left: 25px; /* espacio para la barra */
    margin-bottom: 20px;
}

#comentario::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px; 
    height: 90%;
    background-color: #E7B04A; /* amarillo similar */
    border-radius: 3px;
}

#comentario span {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-weight: bold;
    color: #555; /* tono gris para el nombre */
}