.c-header .dropdown-toggle {
	text-transform: capitalize;
}

.c-modal--dark {
	z-index: 2000;
}

.c-form__tags-area .c-form__tag-icon {
	cursor: pointer;
}

.c-slider__container video {
	background-color: #F1F1F1 !important;
}

@media only screen and (max-width: 745px) and (max-height: 450px) {
	.c-carousel .carousel-item img {
		height: auto;
		width: 100%;
	}
}

.c-carousel .carousel-indicators li:focus {
	outline: 1px dashed #C10C30;
}

@media ( min-width : 480px) {
	.c-result__title--xs {
		width: calc(100vw - 300px);
	}
}

@media ( min-width : 992px) {
	.c-result__title--xs {
/* 		word-break: break-all; */
		width: auto;
	}
}

@media ( max-width : 992px) {
	.c-result__tags-col {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: #C10C30;
		border-radius: 15px;
		z-index: 2;
	}

}

.c-pagination {
	margin: 20px 0 20px 0;
}

.c-footer__social-link .fab, .c-footer__social-link .fas {
	font-size: 1rem !important;
}

.datepicker table tr td span {
	width: 31% !important;
}

@media ( max-width :480px) {
	.c-filter__input {
		padding: 13px 14px;
	}
	.c-filter__search-label {
		font-size: 0;
	}
	.c-filter__search-label span {
		font-size: 1rem;
	}
	.c-result {
		flex-wrap: wrap;
	}
	.c-result__text-area {
		width: 80%;
	}
	.c-result__action {
		width: 19%;
	}
	.c-result__img-area {
		border-right: 0;
		max-width: 100%;
		width: auto;
		margin: auto;
	}
	.c-result__action {
		border: 0;
	}
	.c-footer__logo img{
		max-width: 100%;
	}
}

.c-filter__view span, .c-filter__view span::before {
	font-size: 16px !important;
}

.u-aside .c-filters__select{
	color: white;
}

#modal-permalink .c-modal__content{
	min-width: 620px;
	margin-top: 5%;
}
	
@media (max-width: 767.8px) {
	#modal-permalink .c-modal__content{
		min-width: 90%;
	}
}

#c-permalink{
    color: black;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    word-break: break-all;
}


.slider-detail button.slick-next.slick-arrow {
   border: 0;
   position: fixed;
   right: 25px;
   top: 0;
   height: 100%;
   background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?> <svg fill="white" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="160 128.4 192.3 96 352 256 352 256 352 256 192.3 416 160 383.6 287.3 256"/></svg>');
   background-size: contain;
   background-position: center center;
   width: 50px;
   background-repeat: no-repeat;
   opacity: 0.6;
   font-size: 0;
}

.slider-detail button.slick-prev.slick-arrow {
   border: 0;
   position: fixed;
   left: 25px;
   top: 0;
   height: 100%;
   background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?> <svg fill="white" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><polygon points="160 128.4 192.3 96 352 256 352 256 352 256 192.3 416 160 383.6 287.3 256"/></svg>');
   background-size: contain;
   background-position: center center;
   width: 50px;
   background-repeat: no-repeat;
   opacity: 0.6;
   font-size: 0;
   transform: rotate(180deg);
}

.slider-detail,
#imagemodal .c-modal__container{
	max-width: 1250px;
	width: 100%;
	margin: auto;
}

.slider-detail .c-slider-detail__item{
	width: 100%;
}

.slider-detail .slick-list {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.slider-detail.slick-slider{
	border: 1px solid transparent;
}

@media(max-width: 768px){
	#imagemodal .c-modal__container {
	    padding: 2vw;
	    position: relative;
	    width: 96vw;
	}

    .slider-detail,
    .c-modal__detail{
        width: 90vw;
        height: auto;
    }

	.c-modal__detail * {
        font-size: 16px;
        word-break: break-word;
     }
     
     #imagemodal .c-btn {
	    position: fixed;
	    bottom: 10px;
	    left: 41%;
	 }
}

.c-card__grid .c-card__item:nth-of-type(1){
 grid-area: box1;
}
.c-card__grid .c-card__item:nth-of-type(2){
 grid-area: box2;
}
.c-card__grid .c-card__item:nth-of-type(3){
 grid-area: box3;
}
.c-card__grid .c-card__item:nth-of-type(4){
 grid-area: box4;
}
.c-card__grid .c-card__item:nth-of-type(5){
 grid-area: box5;
}
.c-card__grid .c-card__item:nth-of-type(6){
 grid-area: box6;
}

.c-card__grid--def .c-card__item:nth-child(n+7){
   display: none;  
}

.c-card__grid--def,
.c-card__grid--6{
  grid-template-columns: 1fr 1fr 1fr; 
   grid-template-areas:
    "box1 box2 box3"
    "box4 box5 box6";
}

.c-card__grid--5{
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-areas:
    "box1 box2 box3"
    "box4 box5 box3" !important;
}

.c-card__grid--4{
  grid-template-columns: 1fr 1fr !important; 
  grid-template-areas:
    "box1 box2"
    "box3 box4" !important;
}

.c-card__grid--3{
  grid-template-columns: 1fr 1fr !important; 
  grid-template-areas:
    "box1 box2"
    "box3 box2" !important;
}

.c-card__grid--2{
  max-width: 337px;
  grid-template-columns: 1fr !important; 
  grid-template-areas:
    "box1"
    "box2" !important;
}

.c-card__grid--1{
  max-width: 337px;
  grid-template-columns: 1fr !important; 
  grid-template-rows: 414px !important;
  grid-template-areas:
    "box1" !important;
}

.c-card__grid--1_extra{
  max-width: 100%;
  grid-template-columns: 1fr !important; 
  grid-template-rows: 100%; !important;
  grid-template-areas:
    "box1" !important;
}

.u-aside .c-filters__checkbox-label {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c-carousel__thumb img{
	margin: auto !important;
}

.dataTables_info{
	display: none;
}

.dataTable .c-filters__group{
	display: flex;
    align-items: center;
    padding: 16px 0;
}

.dropdown-toggle .show{
	display: inline;
}

.dropdown-toggle .hide{
	display: none;
}

/* Home */

/* @media (min-width: 992px) { */
/* 	.u-container.t-opac{ */
/* 		display: flex; */
/* 		flex-direction: column; */
/* 	} */

/* 	.u-container.t-opac .c-card__grid--home{ */
/* 		width: 65%; */
/* 		max-width: 65%; */
/* 	} */

/* 	.u-container.t-opac .c-card__grid.c-card__grid--xs{ */
/* 		width: 35%; */
/* 		max-width: 35%; */
/* 	} */

/* 	.u-container.t-opac .c-card{ */
/* 		width: auto; */
/* 		display: flex; */
/* 		min-height: 50vh; */
/* 	} */
/* } */

.c-card__container {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Filtros */
.dataTables_paginate ul li:first-child, .dataTables_paginate ul li:last-child {
    background: #3e3e3a;
}

div.dataTables_filter {
    text-align: left !important;
    position: absolute;
    top: -31px;
    left: -15px;
    width: 100%;
}

div.dataTables_filter label {
        font-size:0;
        width: 100%;
}

div.dataTables_filter input {
    display:table;
    margin-left: 20px !important;
    width: 100% !important;
    background: #E8E8E8;
    border: 0;
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 15px;
}

@media ( max-width : 768px) {
		div.dataTables_filter input {
	    display:table;
	    margin-left: 136px !important;
	    width: 50% !important;
	    background: #E8E8E8;
	    border: 0;
	    font-size: 14px;
	    padding: 5px 13px;
	    border-radius: 15px;
	}
}

.dataTables_info {
    display: block;
}

.dataTables_paginate ul li:first-child, .dataTables_paginate ul li:last-child {
	position: inherit;
}

.dataTables_paginate li {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.dataTables_paginate .page-item.disabled{
   opacity: 0.5 !important;
   cursor: not-allowed; 
}

div.dataTables_paginate ul.pagination {
    margin: 2px 8px !important;
}

@media screen and (max-width: 767px) {
    div.dataTables_paginate ul.pagination {
        margin-bottom: 10px !important;
    }
}
.dataTables_paginate .page-item{
    display: none !important;
    cursor: pointer;
}
.dataTables_paginate .page-item.previous,
.dataTables_paginate .page-item.next {
    display: flex !important;
}

.dataTables_empty{
	color: #AAABAB;
    font-size: 13px;
    padding: 25px 0;
}
/* Search en Home */
.search-home {
	margin:0 0 20px 0;
}
.search-home´.c-filter__label-content {
	background:none;
}
/* @media (min-width: 992px) { */
/* 	.search-home { */
/* 		margin-left: 30%; */
/* 		} */
/* } */

/* Viewer buttons */
.contrast-controls-container input {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #cccecc;
    margin-left: 5px;
}

.contrast-controls-container {
    display: flex !important;
    align-items: center;
}

.contrast-controls-container input {
    margin-left: 5px;
    width: 60px;
}

/* Estilos para el bot�n personalizado */
.custom-download-button {
	width: 25px;
	height: 25px;
	margin-top: -3px;
 	margin-right: 4px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	background: #888; /* Gris por defecto */
	transition: background 0.3s ease;
}

.custom-download-button:hover {
	background: linear-gradient(180deg, #999, #f00, #f90);
}

.custom-download-button::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f90, #f00);
	opacity: 0;
    transition: opacity 0.3s ease;
}
 
.custom-download-button:hover::before {
	opacity: 0;
}
/* end viewer */

div.card-body_download {
	padding: 10px;
}

/* Fix Multimedia */
.card-body_multimedia {
    display: flex;
    flex-wrap: wrap;
}
.u-list-multimedia .d-flex-multimedia {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.u-list-multimedia .d-flex-multimedia .action-buttons {
	display: flex;
	align-items: center;
    margin-left: auto;
}
.u-list-multimedia .d-flex-multimedia .truncate-text {
	 width: 150px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 margin-left: 10px;
}
.u-list-multimedia .d-flex-multimedia .action-buttons a {
	margin-left: 10px; 
}
.u-list-multimedia .d-flex-multimedia .download-all-button {
	margin-left: 8px;
}
/* End Fix Multimedia */

.margenTitulosH27px{
	    margin-left: 7px;    
	    margin-bottom: 1rem;
	    margin-top: 1rem;
}
@media ( max-width :480px) {
    .c-margenTitulosH27px {
        margin-left: 0px;
    }
}

/* Contenedor del spinner - cubre toda la pantalla */
#loading-spinner {
    position: fixed; /* Fijo en la ventana, no se desplaza */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    display: flex; /* Para centrar el spinner */
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    z-index: 9999; /* Asegura que esté encima de todo */
    backdrop-filter: blur(2px); /* Efecto de desenfoque opcional */
    -webkit-backdrop-filter: blur(2px); /* Para compatibilidad con Safari */
}

/* El spinner en sí (la rueda) */
.spinner {
    border: 8px solid #f3f3f3; /* Color claro del anillo */
    border-top: 8px solid #3498db; /* Color del anillo que gira */
    border-radius: 50%; /* Lo hace circular */
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite; /* Animación de giro */
}

/* Clases para mostrar/ocultar */
.spinner-hidden {
    display: none !important; /* Oculta completamente el contenedor */
}

.spinner-visible {
    display: flex !important; /* Muestra el contenedor */
}

/* Animación de giro */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}