@charset "UTF-8";
/*
 Styles css plugin Base de datos Biblioteca Fundación Francisco Brines de la Comunidad Valenciana
 Theme URI: https://biblioteca.fundacionbrines.org
 Description: Estilos sitio web biblioteca.fundacionbrines.org Base de Datos
*/
/* FORM HOME */
h1.listado {
	color:#9C8F8C;
	font-size:1.4em;
	padding-left:0px;
	font-weight:400;
	margin-top:25px;
	margin-bottom: 5px;
	padding: 0 20px 0 20px;
}
h1.titles-bbdd {
	color:#9C8F8C;
	font-size:1.4em;
	padding-left:0px;
	font-weight:400;
	margin-top:5px;
	margin-bottom: 5px;
	padding: 0 20px 0 20px;
	
}



.ordenar-resultados {
	margin-left:20px;
	font-weight:300;
	font-size:small;
}

/* PAGINADOR */
.paginador {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;     /* Centra verticalmente (si es necesario) */
    margin-top: 20px;         /* Espacio superior si lo deseas */
}

.paginador a {
    margin: 0 5px; /* Espaciado entre los enlaces */
    text-decoration: none; /* Quita el subrayado de los enlaces */
    color: #365b81; /* Color del texto de los enlaces */
}

.paginador .active {
    font-weight: bold; /* Resalta el enlace activo en negrita */
}

.paginador a:hover {
    text-decoration: underline; /* Subraya los enlaces cuando el ratón pasa por encima */
}

/* FILTROS */
.titlesFiltros {
	background-color:#2c8175c7;
	color:#fff;
	margin-bottom:10px;
	padding: 3px 20px;
	letter-spacing: 0.06em;
	font-size: 0.73rem;

}
.container-cabecera-length-search {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	margin-top:20px;
}

.container-cabecera-length-search > div {
	width: 50%;
	padding: 0px;
}

.container-cabecera-length-search > div:first-child {
	margin-right: 0px;
	float:right;
}
/* LABELS */
.labels-bbffb{
    font-size: 0.83rem;
    color: #23404c;
	font-weight: 500;
}
.form-group label{
	font-size: 0.83rem;
	color:#5b747e;
}
a.volver-listados {
	color:#1f3f70;
	font-weight:500;
}
/* COLUMNAS VER REGISTRO */
.clvwregistro {
	margin: 30px 20px;
	padding:5px;
	display:flex;
	flex-wrap:wrap;	
}
.clvwdata {
	display:flex;
	width: 75%;
  	padding-right:20px;
	color:#404040;
	font-size:15px;
}
.clvwimg {
	width: 25%;
	display: flex;
    justify-content: center; /* Centra horizontalmente la imagen */
    align-items: center;    /* Centra verticalmente la imagen */
	padding:15px;
}

.clvudimg3 img {
    max-width: 100%;
    height: auto;
}
/* GRID LISTADOS */
.grid-listados {
	margin:20px 20px;
	width: calc(100% - 40px);
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 8px;
}

@media (min-width: 1025px) and (max-width: 1280px) {
	.grid-listados { 
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (min-width: 801px) and (max-width: 1024px) {
	.grid-listados { 
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 481px) and (max-width: 800px) {
	.grid-listados { 
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 480px) {
	.grid-listados { 
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-pinacoteca .registros-obras {
		text-align: center;
	}	
}

.grid-listados .registros {
    border-bottom: 0px solid #90aac3;
    padding: 8px 8px;
    text-align: left;
	font-size: small;
	margin-bottom:5px;
}
.grid-listados .registros a{
	font-size: small;
}
.grid-listados .registros div a{
    display: inline-block; /* Asegura que el enlace solo ocupe el espacio de la imagen */
}
.grid-listados .registros div a img {
    max-width: 100%; /* Asegura que la imagen no desborde el contenedor */
    height: auto; /* Mantiene la proporción */
}
.imagen-registro {
    display: flex; /* Activa Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* (Opcional) Centra verticalmente si es necesario */
	margin-bottom: 15px;
}
.registros .rlabels {
	color:#144d52;
	font-weight:500;
}
.labelsColors {
	color:#006d78;
}
.ordenar-listados {
	display: inline;
	margin:10px 20px 50px 20px;
}
/* END GRID LISTADOS */

/* HEADER LISTADOS RESULTADOS BÚSQUEDA */
        .container-header-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Dos columnas de igual tamaño */
            /* grid-template-rows: repeat(2, 1fr); *//* Dos filas de igual tamaño */
            grid-template-rows: 1fr; /* Una sola fila */
            gap: 20px;
        }
        .item-header-grid {
            padding: 0px 20px;
        }
		div .item-header-grid select, div .item-header-grid input[type="text"] {
			padding: 1px 10px 3px 10px;
			font-size: small;
		}
		div .item-header-grid input[type=submit] {
			background-color: #474772;
			padding: 1px 20px;
			font-size: small;
		}

        @media (max-width: 768px) {
            .container-header-grid {
				grid-template-columns: 1fr; /* Una sola columna en pantallas pequeñas */
            }
        }

/* END HEADER LISTADOS RESULTADOS BÚSQUEDA */

/* GRID LISTADOS RESULTADOS BÚSQUEDA */
.grid-listados-busqueda {
	margin:15px 20px 15px 20px;
	width: calc(100% - 40px);
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 8px;
}
.grid-listados-busqueda .registros {
    padding: 4px;
    text-align: left;
	font-size: small;
	margin-bottom:25px;
}
.grid-listados-busqueda .registros a{
	font-size: small;
}
@media (min-width: 801px) and (max-width: 1280px) {
	.grid-listados-busqueda { 
		grid-template-columns: repeat(3, 1fr);
	}
	.grid-listados-busqueda .registros {
		font-size: smaller;
	}
}
@media (min-width: 601px) and (max-width: 800px) {
	.grid-listados-busqueda { 
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-listados-busqueda .registros {
		font-size: smaller;
	}
}
@media (max-width: 600px) {
	.grid-listados-busqueda { 
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-listados-busqueda .registros {
		font-size: smaller;
	}
}	

.grid-listados-busqueda .registros div a{
    display: inline-block; /* Asegura que el enlace solo ocupe el espacio de la imagen */
}
.grid-listados-busqueda .registros div a img {
    max-width: 100%; /* Asegura que la imagen no desborde el contenedor */
	width: 100px;
    height: auto; /* Mantiene la proporción */
}
.imagen-registro {
    display: flex; /* Activa Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* (Opcional) Centra verticalmente si es necesario */
	margin-bottom: 15px;
}
.registros .rlabels {
	color:#0e3336;
	font-weight:500;
}
/* END GRID LISTADOS RESULTADOS BÚSQUEDA */


.labelsColors {
	color:#006d78;
}

/* GRID LISTADOS  PINACOTECA*/
.titlesPinacoteca {
	background-color:#780c57;
	color:#fff;
	margin-bottom:10px;
	padding: 3px 20px;
	letter-spacing: 0.06em;
	font-size: 0.73rem;

}
.grid-pinacoteca {
	margin:20px 20px;
	width: calc(100% - 40px);
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 8px;
}
.grid-pinacoteca .registros-obras {
	background-color: #d2e1f71c;
	border-top: 0px solid #90aac3;
    border-bottom: 0px solid #90aac3;
    padding: 8px 8px;
    text-align: left;
	font-size: small;
	margin-bottom:5px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
	.grid-pinacoteca { 
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (min-width: 801px) and (max-width: 1024px) {
	.grid-pinacoteca { 
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 481px) and (max-width: 800px) {
	.grid-pinacoteca { 
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 480px) {
	.grid-pinacoteca { 
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-pinacoteca .registros-obras {
		text-align: center;
	}	
}

.grid-pinacoteca .registros-obras a{
	font-size: small;
}

.grid-pinacoteca .registros-obras div a {
    display: inline-block; /* Asegura que el enlace solo ocupe el espacio de la imagen */
}

.grid-pinacoteca .registros-obras div a img {
    max-width: 100%; /* Asegura que la imagen no desborde el contenedor */
    height: auto; /* Mantiene la proporción */
}
.imagen-pinacoteca {
    display: flex; /* Activa Flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* (Opcional) Centra verticalmente si es necesario */
}
/* END GRID LISTADOS  PINACOTECA*/

/* TEXTOS ALEATORIOS*/
.btn-generar-nuevo-texto, .btn-generar-nuevo-texto:hover, .btn-generar-nuevo-texto:focus{
	color:#1d398b;
	background-color: #ffffff00;
	padding: 1px 2px;
	font-family:serif;
	font-style:italic;
}
/* END TEXTOS ALEATORIOS*/

/* FLEX BUSCADORES FILTROS */
.buscadorFiltros {
	padding:5px;
	display:flex;
	flex-wrap:wrap;	
}
.buscadorFiltros input {
	width: 100%;
}
.buscadorIzqda {
	/*display:flex;*/
	width: 50%;
	padding-right:30px;

}
.buscadorDcha {
	width: 50%;
	padding-left:30px;
}
/* BUSCADORES HOME  OK */
.buscadorHome {
	width:280px;
}
.buscadorHome a{
	background-color: #409b2f;
	/*background-color:#353635;*/
    color: #fff;
    padding: 2px 5px;
	font-size:x-small;
	text-transform:uppercase;
}
.buscadorHomeTitles {
	background-color:#51a2c373;
	color:#fff;
	margin-bottom:10px;
	padding:5px;font-size: 1.00rem;">
}
.buscadorHome input[type=search] {
    border: 0px solid;
    border-radius: 0;
    padding: 5px 10px;
    max-width: 100%;
	font-size: small;
}
.buscadorHome input[type=search]::placeholder {
	color:#353635;
}
#busquedaForm button {	
	background-color: #43749fb8;
	padding: 0px 10px;
	font-size:0.83em;
	float:right;
	margin-top:5px;
}
/* END BUSCADORES HOME  OK */

.widget_media_image { 
	margin-bottom:5px;
}
.widget-area .widget {
    padding: 10px 25px;
}
.elementor-element-f0674c4 .elementor-button, .elementor-element-db06ca4 .elementor-button, .elementor-element-4d6c0ae .elementor-button {
	padding: 8px 12px;
}
/* Listado SIMPLE DIVs php*/
/* CSS Últimos Registros Home */
div .results {
		margin:0px;
		width:100%;
		display:grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 10px;
		/*background-color:#f0f8ff;*/
}
div .items {
	/*background-color: #fff;*/
	margin-bottom: 10px;
	font-size: 0.83rem;
	padding: 20px 20px;
}
/* CSS Últimos Registros Widget */
div .results-widget {
		margin:0px;
		width:100%;
		display:grid;
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 10px;
		/*background-color:#f0f8ff;*/
}
div .items-widget {
	/*background-color: #fff;*/
	margin-bottom: 10px;
	font-size: 0.73rem;
	padding: 5px 25px;
}


div #search-divs {
	margin: 10px 20px 10px 20px;
}
div #search-divs input[type=submit] {
	background-color: #474772;
	padding: 1px 20px;
	font-size: small;
}
div #search-divs select, div #search-divs input[type="text"] {
	padding: 1px 10px 3px 10px;
	font-size: small;
}
ul.titulos {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.titulos {
    display: grid;
    grid-template-columns: repeat(8, 1fr); /* 4 columnas por defecto */
    gap: 5px;
    list-style-type: none;
    padding: 0;
}
.titulos li {
    border: 0px solid #ccc;
    padding: 5px 3px;
	
    background-color: #f9f9f9;
	font-size:0.83em;
    /*text-align: center;*/
}
.elementor-element-5321a2e {
		display:none;
	}


@media (max-width: 768px) {
    .titulos {
        grid-template-columns: repeat(2, 1fr); /* 2 columnas en pantallas pequeñas */
    }
	ul.titulos {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
	div .results {
		margin:0px;
		width:100%;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		/*background-color:#f0f8ff;*/
	}
}
@media (max-width: 600px) {
    .titulos {
        grid-template-columns: repeat(1, 1fr); /* 1 columnas en pantallas pequeñas */
    }
	ul.titulos {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}

}
@media (max-width: 800px) {

	div .results {
		margin:10px;
		width:100%;
		display:grid;
		grid-column-gap: 10px;
		}
}
	
@media (max-width: 767px) {

	div .ordenar-listados {
		display: block;
		margin-bottom:10px;
	}
		.clvwdata, .clvwimg, .clvuddata, .clvudimg, .buscadorIzqda, .buscadorDcha {
			width: 100%;
	}
		.clvwdata {
			margin-bottom:20px;
	}
		.clvwimg a{
			margin-top:20px;
			display: flex;
			justify-content: center; /* Centra horizontalmente la imagen */
			align-items: center;    /* Centra verticalmente la imagen */
			padding:15px;
	}
		.clvwimg img{
			max-width:75%;
	}
}

@media (max-width: 400px) {

	div .results {
		margin:0px;
		width:100%;
		display:grid;
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 10px;
		}
}

/* GRID VER REGISTRO */
/* GRID DIV 3 */
/* Contenedor principal: datos y imagen */
.clvudregistro3 {
    display: grid;
	padding:20px;
    grid-template-columns: 3fr 1fr; /* Datos: 75%, Imagen: 25% */
    gap: 20px;
    width: 100%; /* Aseguramos que el contenedor principal ocupe el ancho completo */
}

/* Contenedor de datos */
.clvuddata3 {
    display: grid;
    gap: 15px;
    width: 100%; /* Asegura que ocupe el espacio asignado */
}

/* Contenedor interno (grid-container) */
.grid-container3 {
    width: 100%; /* Asegura que se expanda completamente dentro de clvuddata */
    display: grid;
    gap: 15px;
}

/* Filas dinámicas */
.grid-row {
    display: grid;
    gap: 10px;
    width: 100%; /* Asegura que las filas también se expandan */
}

.grid-5 {
    grid-template-columns: repeat(5, 1fr); /* 5 columnas iguales */
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr); /* 4 columnas iguales */
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
}


/* Responsive: cambia a una sola columna en pantallas pequeñas */
@media (max-width: 768px) {
    .clvudregistro3 {
        grid-template-columns: 1fr; /* Apila los datos y la imagen */
    }
}
/*GRID RESULTADOS BÚSQUEDA Y FORMULARIO */
.grid-container4 {
    display: grid;
    grid-template-columns: 70% 30%;
    /*gap: 10px;*/
    width: 100%;
    /*max-width: 1200px;*/
    background-color: #fff;
    padding: 10px 20px 0px 20px;
    border: 0px solid #ddd;
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

.column-resultados {
    border: 0px solid #ccc;
    /*background-color: #eaeaea;*/
}

.column-75 {
    /*background-color: #d4edda; /* Verde claro */
}

.column-25 {
   /* background-color: #f8d7da; *//* Rojo claro */
}

/* Estilo responsive */
@media (max-width: 650px) {
    .grid-container4 {
        grid-template-columns: 100%; /* Una columna */
    }
}


.elementor-element-efefbc0, .elementor-element-227b6dd, .elementor-element-8d2b853 {
	max-height:175px;
}
.elementor-element-af95f82 {
	padding: 0px;
}




/* IMGS HOME BIBLIOTECA */
/* Estilo responsive */
@media (min-width: 1501px) {
    .elementor-element-90b6658 {
		padding-bottom:75px;
    }
	.elementor-element-72be1c5 {
		padding-bottom:150px;
    }
	.elementor-element-c23e68e {
		padding-bottom:175px;
    }
}