/* icono ibuz */

.region-cabecera-med-derecha .redes-sociales .icon-ibuz {
    background: #0077b5;
    transition: .25s ease-in-out;
}

.redes-sociales .icon-ibuz {
    height: 2.4rem;
    width: 2.4rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.region-cabecera-med-derecha .redes-sociales .icon-ibuz:before {
    color: var(--colorWhite);
}

.icon-ibuz:before {
    content: "iB";
    font-family: 'Lato';
    font-weight: bold;
}

.reg-imagen-cabecera .field--name-field-imagen-nodo img, 
.reg-imagen-cabecera .field--name-field-imagen-biblioteca img,
.reg-imagen-cabecera .field--name-field-imagen-biblioteca-fb img{
    height: auto;
    object-fit: cover;
    width: 100%;
    display: block;
    transition: 0.2s all;
    margin-bottom: 5px;
}

/* eol icono ibuz */

/* ocultar elemento menú */

.path-frontpage .sf-menu-menu-desplegable li:has(.acceso-directo){
	display: none!important;
}

/* eol ocultar elemento */

#contenido-wrapper {
    margin-top: 0;
}

.block-content{
	.contextual{
		top: 4rem;
	}
}

.reg-banda-inferior{
    width: 100%;
    border-top: 1px solid #eeeeee;
    margin: 0;
}

.block-content{
	.contextual{
		top: 4rem;
	}
}

.path-bibliotecas .reg-banda-superior{
	margin-bottom: 0;
}

.node--type-ficha-biblioteca{
	& .field--name-field-direccion-fb {
		background: #f3f3f3;
    padding: 2rem 4rem;
    margin-bottom: 5rem;
	}
	& .field--name-field-mapa-fb{
		margin-top: 3rem;
		& iframe{
			width: 100%;
		}
	}
}

.block-views-blockfichas-bibliotecas-block-3 .block-content img{
	diplay: block;
}

.view-fichas-bibliotecas.paragraph{
	.views-field-title{
		padding-right:2rem;
			& h4{
				text-transform: uppercase;
        font-weight: 300;
        font-size: 1.4rem;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 2.5rem;
        position: relative;
        &:before{
					content: "";
          position: absolute;
          width: 9px;
          height: 9px;
          background: #05a4c5;
          border-radius: 50px;
          left: 0;
          top: 50%;
          transform: translatey(-50%);
        }
		}
	}
	.views-field-field-contenido-fb{
		& p{
			margin: 1rem 0;
		}
		& ul{
			margin: 1rem 0 1rem 3rem;
			& ul{
				margin: 1rem 0 1rem 2rem;
			}
		}	
		& h2{
			margin: 2rem 0 1rem 0;
		}
		figure{
			margin: 2rem 0;
		}
	}
}


/* custom breadcrumbs */

.reg-imagen-cabecera:has(#block-unizar-servicio-enlacesdeayudaalanavegacion){
	margin-bottom: 0;
}

.breadcrumb{
    padding-bottom: 6px;
	margin-top: 6px;
    & li{
        font-size: 1.4rem;
        color: gray;
        &::before{
            content: "\205E";
            margin: 0 0.5rem;
        }
        & a{
            color: gray;
            &:hover{
                color: black;
                text-decoration: underline;
            }
        }
    }
}

/* eol custom breadcrumbs */

/* view-fichas-bibliotecas */

.view-fichas-bibliotecas{
	& .edit{
		& .view-content{
			& li{
				padding: 0!important;
				&:before{
					content: none!important;
				}
			}
			& li:has(a){
				background: #05a4c5;
				padding: 1rem 3rem !important;
				border-radius: 5rem;
				margin: 1rem 0!important;
				& a{
					color: white!important;
					font-weight: 600;
				}
			}
		}
	}
	&.imgdetalle{
		& .view-content{
			& ul{
				padding: 0!important;
				margin: 0!important;
				& img{
					display: block;
					width: 100%;
					max-height: 15rem;
					object-fit: cover;
				}
			}
		}	
	}
}

/* eol view-fichas-bibliotecas */

/* listado bibliotecas */

.view.bibliotecas{
	& h3{
        width: 100%;
        font-size: 3rem!important;
        margin: 4rem 0 3rem 0!important;
        font-weight: 500!important;
	}
	& .grupo-bibliotecas{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
		gap: 2rem;
		margin-bottom: 5rem;
		list-style: none!important;
		padding: 0 !important;
		& li{
			&:before{
				content: none;
			}
		}
		& .views-field-title{
            padding: 1rem 2rem;
            text-align: center;
            font-size: 2rem;
            font-weight: 400;
			& a{
				color: black;
			}
		}
		&:has(.categoria-1){
			display: block;
			& .views-field-title{
				padding: 0;
				text-align: left;
				font-size: 2rem;
				font-weight: 400;
			}
		}
		& .views-field-field-imagen-detalle a{
			display: block;
			& img{
                width: 100%;
                height: 112px;
                object-fit: cover;
                display: block;
			}
		}
		& .views-field-title{
			padding: 1rem 2rem;
			text-align: center;
			font-size: 2rem;
			font-weight: 400;
			& a{
				color: black;
			}
		}
	}
}

/* eol listado bibliotecas */

/* vista personal */

.view-personal .view-content{
	& h3{
		margin: 3rem 0 2rem;
	}
	& .views-row{
		margin: 0.5rem 0;
	}
}

/* eol vista personal */


/* ficha ficha dos columnas */

.page-node-type-ficha-exposicion, .page-node-type-ficha-curso{
	& .node--type-ficha-exposicion, .node--type-ficha-curso{
		display: flex;
		flex-wrap: wrap;
		margin: 6rem 0 5rem 0;
		}	
		& .group-header{
			width: 100%;
			margin-bottom: 2rem;
		}
		& .group-left{
			width: 30%;
			& .group_detalle{
			}
			& fieldset{
				margin: 0 0 3rem;
				padding: 2rem;
				border-radius: 4px;
				border-color: #e7e7e7;
			}
		}
		& .group-right{
			flex: 1;
			border-left: 3px solid #d2d2d2;
			padding-left: 4rem;
			margin-left: 4rem;
		}
		& .group-left, .group-right{
			@media (max-width: 920px) {
				& {
					width: 100%;
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
					margin-bottom: 2rem;
				}
			}	
		}
		& .field{
			margin: 0.5rem 0;
			&:first-child{
				margin-top: 0;
			}
			&:last-child{
				margin-bottom: 0;
			}
		}
		& .field__label,
		& .field__item{
			margin-top: 0!important;
			margin-bottom: 0;
		}
	}	


/* eol ficha dos columnas */


/* ficha ficha dos columnas custom*/

.page-node-type-ficha-exposicion, .page-node-type-ficha-curso{
	& .node--type-ficha-exposicion, .node--type-ficha-curso{
		& .group-left{
			& img{
				width: 100%;
			}
		}
		& .group-right{
			& h1{
				margin-top: 0;
				display: block;
			}
		}
	}
}	

/* eol ficha dos columnas custom */


/* buscador ALCORZE */
.path-frontpage .quicktabs-tabpage {
    padding: 1rem 0 0 0;
}

.path-frontpage .block-content .quicktabs-tabs li a {
    padding: 0 12px;
	font-size: 14px;
}

form.falcorze, form.frevistas, .falcorze form{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	background: #f3f3f3;
	padding: 2rem;
	& .texto1{
		display: flex;
		justify-content: center;
		gap: 1rem;
	}
	& .js-form-item{
		width: 100%;
		margin: 0.5rem 0;
		& input,select{
			padding: 6px 5px;
		}
		& input{
			width: 100%;
		}
	}
	& .form-wrapper{
		display: flex;
		width: 100%;
		align-items: center;
		max-width: 70rem;
		& .js-form-item{
			margin: 0;
		}	
	}
	& .alcorze-wrapper{
		& .form-type-select{
			width: 100%;
			max-width: 150px;
		}
		& .form-type-textfield{
			flex: 2;
		}
		& .form-actions{
			width: 100%;
			max-width: 150px;
		}
	}
	& .form-radios{
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 3rem;
		& .form-item{
			display: flex;
			align-items: center;
			gap: 2rem;
			width: auto;
			& input{
				width: auto;
			}
		}
	}
	& .form-actions{
		width: 100%;
		margin: 0;
		& input{
			padding: 8px 15px;
			border: 1px solid;
			border-radius: 4px;
			background: #05a4c5;
			color: white;
			font-weight: 500;
			width: 100%;
		}
	}
}	

form.frevistas{
	& .js-form-type-textfield{
		width: 80%!important;
	}
	& .form-actions{
		width: 20%!important;
		min-width: 12rem;
	}
}

/* eol buscador ALCORZE */

/* bloque botones bajo alcorze */

.block.formalcorze{
	margin-bottom: 0;
}

.block.btns-alcorze{
	margin-top: 0;
    background: #f3f3f3;
    padding-bottom: 1.5rem;
	& [class^="botonr3"]{
		font-size: 15px;
		padding: 6px 16px;
		font-weight: 600;
	}
	& p.filaalcorze{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2rem;
		margin: 0;
	}
}

/* eol bloque botones bajo alcorze */

/* bloque cursos */

.view-cursos-biblioteca{
	& .view-content{
		& ul{
			padding: 0!important;
			list-style: none;
			& .fecha-curso {
				margin: 0;
				line-height: 15px;
				font-size: 1.3rem;
			}
			& .titulo-curso {
				font-size: 1.5rem;
				line-height: 1.2;
				margin-top: 3px;
			}
			& li {
				padding: 15px 0;
				list-style: none;
				border-bottom: 1px solid #e4e4e4;
				& a{
					text-decoration: none;
				}
				&:last-child{
					border-bottom: 0;
				}
			}
		}
	}
}

/* eol bloque cursos */

/* bloques enlaces de interés */

.page-node-type-page .interes .banda-bloques{
    padding: 2rem 5rem!important;
	& .block{
		& .block-content{
			& ul{
				display: grid;
		    grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
		    grid-auto-flow: dense;
		    gap: 1.5rem;
		    row-gap: 0rem;
				padding: 0;
				@media (max-width: 720px) {
					& {
						columns: 1;
					}
				}
				& li{
					& a{
						color: black;
						&:hover{
							text-decoration: underline;
						}
					}
					&:before{
						content: none;
					}
				}
			}
		}
	}
}

/* eol bloques enlaces de interés */

/* vista listado exposiciones */

.view-exposiciones{
	& .views-row{
		display: flex;
		gap: 2rem;
		margin-bottom: 2rem;
		padding-bottom: 2rem;
		border-bottom: 1px dotted gray;
	}
	& .views-field-field-imagen-exposicion{
		width: 90px;
		& img{
			display: block;
		}
	}
	& .views-field-title{
		flex: 1;
	}
	& .expo-titulo{
		font-weight: 600;
	}
}

/* eol vista listado exposiciones */


/* ficha ficha dos columnas custom*/

.page-node-type-ficha-recursos-bl{
	& .field--name-node-title h2{
		font-size: 2rem;
		background: #f4f4f4;
		display: inline-block;
		padding: 0.5rem 2rem;
		font-weight: 100;
		margin-bottom: 2rem;
	}
	& .field--name-field-subtitulo-fr{
		font-size: 3rem;
		margin-top: 2rem;
		margin-bottom: 3rem;
		font-weight: 600;
	}
	& .field:not(.field--name-node-title, .field--name-field-subtitulo-fr, .field--name-field-logo-fr){
	    border-bottom: 1px dotted;	
	}
	.field__label{
		position: relative;
        padding-left: 45px;
        font-size: 2rem;
        font-weight: 500;
        margin-top: 5rem !important;
        display: inline-block;
		&:before{
			content: '';
			height: 35px;
			width: 35px;
			position: absolute;
			background-repeat: no-repeat;
			background-position: center;
			left: 0;
			top: -11px;
			filter: grayscale(1);
		}
	}
	& .field--name-field-que-es-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/bubble2.png);
	}
	& .field--name-field-contenido-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/codepen.png);
	}
	& .field--name-field-obtencion-de-datos-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/quotes-right.png);
	}
	& .field--name-field-acceso-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/enter.png);
	}
	& .field--name-field-mas-informacion-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/pencil.png);
	}
	& .field--name-field-que-mide-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/meter.png);
	}
	& .field--name-field-como-se-calcula-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/table.png);
	}
	& .field--name-field-cuestiones-a-considerar-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/question.png);
	}
	& .field--name-field-recursos-de-utilidad-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/aid-kit.png);
	}
	& .field--name-field-informacion-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/info.png);
	}
	& .field--name-field-convocatorias-programas-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/list2.png);
	}
	& .field--name-field-donde-encontrarlo-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/shrink.png);
	}
	& .field--name-field-otras-caracteristicas-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/equalizer.png);
	}
	& .field--name-field-introduccion-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/info.png);
	}
	& .field--name-field-revistas-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/file-text2.png);
	}
	& .field--name-field-libros-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/books.png);
	}
	& .field--name-field-congresos-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/library.png);
	}
	& .field--name-field-aportaciones-fr .field__label:before{
		background-image: url(/sites/biblioteca2/files/img/iconos/stackoverflow.png);
	}
}
	

/* eol ficha dos columnas custom */

/* bloque avisos */

.block.avisos{
	& .view-footer{
		display: none;
	}
}

/* eol bloque avisos */

/* vista personal */

.view-personal{
	& .view-grouping{
		padding-top: 2rem;
    border-top: 1px dotted gray;
    margin-top: 2rem;
	}
	& .view-grouping-header{
	    font-size: 2.3rem;
    	font-weight: 500;
	}
}


/* eol vista personal */

/* estilos filtrado vista */

.block.filter{
    & .form--inline{
        display: flex;
        justify-content: center;
        align-items: center;
        & input{
            padding: 1rem;
            &[type="submit"]{
                background: #00BCD4;
				border: 1px solid #00BCD4;
				color: white;
				font-weight: 600;
            }
        }
    }
}

/* eol estilos filtrado vista */

/* vista duplicados */

.view-duplicados{
	& .view-grouping{
		padding-top: 2rem;
		border-top: 1px dotted gray;
		margin-top: 2rem;
	}
	& .view-grouping-header{
        font-size: 3.5rem;
        font-weight: 500;
        margin-bottom: 2rem;
        margin-top: 4rem;
	}
	& .view-grouping-content{
		& h3{
			margin-top: 1rem;
			margin-bottom: 0.5rem;
		}
	}
}

/* eol vista duplicados */