/* all */
.link-reset{text-decoration:none;color:inherit}
/** */
.titulo-banner{position: relative;display: flex;justify-content: space-between; margin-bottom:1rem;}
.titulo-banner h3{ text-wrap: nowrap;margin: 0;}
.titulo-banner span{background:white; position: absolute;right: -1rem;top:-9px;padding: 4px 1rem 4px 2px;}
.titulo-banner span a{color: var(--color-texto-1);text-decoration: none; font-size: 13px;}
.titulo-banner span a:hover{color: var(--color-danger);}
.titulo-banner h3::before {content: ""; position: absolute;top: 0; inset-inline-start: -1rem ; width: 5px;height: 100%;border-start-start-radius: 0; border-start-end-radius: 4px;border-end-end-radius: 4px;border-end-start-radius: 0;background-color: var(--color-danger);}
.titulo-banner span button{border: 1px solid var(--color-danger); border-radius:4px;color: var(--color-danger);    font-size: 12px;width: 34px;height: 34px;}
/* area-destacada-1 */
.area-destacada-1 a{text-decoration: none;color: inherit; transition: .2s;}
.area-destacada-1 a:hover{color: var(--color-danger)}
.area-destacada-1 .cards1 .titulo a:hover,.area-destacada-1 .cards2 .titulo a:hover{text-shadow: 1px 1px 3px silver;}
/* area-destacada-2 */
.area-destacada-2 .card{transition:transform .2s ease-in-out;overflow: hidden;}
.area-destacada-2 .card:hover{transform:translateY(-.25rem);box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.area-destacada-2 .imagen{overflow:hidden}
.area-destacada-2 .imagen img{transition:transform .3s ease-in-out;object-fit:cover}
.area-destacada-2 .card:hover .imagen img{transform:scale(1.1)}
.area-destacada-2  a{text-decoration: none;}
.area-destacada-2 .titulo{color:#343a40;transition:color .2s ease-in-out}
.area-destacada-2 .titulo:hover{color: var(--color-danger)}
.area-destacada-2 .metadatos a{font-size:.9rem;transition:color .2s ease-in-out}
.area-destacada-2 .metadatos a:hover{color: var(--color-danger)!important;}
/* area destacada 3 */
/* seccion-1 */
.seccion-1 .imagen{height:160px;width:100%; position: relative;overflow:hidden}
.seccion-1 .imagen::before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;transition:opacity .5s ease}
.seccion-1 .card{transition:transform .2s ease-in-out;overflow: hidden;}
.seccion-1 .card:hover{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.seccion-1 .card:hover .imagen::before{opacity:1}
.seccion-1 .texto a{text-decoration: none!important;transition: .2; color: inherit;}
.seccion-1 .texto a:hover{color:var(--color-danger)!important}
/* seccion-2 */
.seccion-2 a{text-decoration: none;color: inherit;transition: .2s ease;}
.seccion-2 .texto a:hover{color:var(--color-danger)!important}
/* .seccion-2 .cards .card{max-height: 120px; overflow: hidden;} */
.seccion-2 .card:hover{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.seccion-2 .card:hover .imagen::before{opacity:1}
/* seccion-3 */
.seccion-3 a{text-decoration: none;color: inherit;}
.seccion-3 .metadatos a:hover, .seccion-3 .titulo a:hover{color: var(--color-danger);}
.seccion-3 > div > div > div.card .titulo a:hover{text-shadow: 1px 1px 3px silver;}
/* .seccion-4  */
.seccion-4 a{text-decoration: none;color: inherit;}
.seccion-4 .metadatos a:hover, .seccion-4 .titulo a:hover, .seccion-4 .metadatos a:hover{color: var(--color-danger)!important;}
/* animacion */
.seccion-4 .card::before,
.seccion-4 .card::after{content:"";position:absolute;top:-50%;left:-100%;width:100%;height:200%;opacity:0;transform:rotate(30deg);transition:all .5s ease}
.seccion-4 .card::before{background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%)}
.seccion-4 .card::after{background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%)}
.seccion-4 .card:hover::before{opacity:1;left:100%;transition-delay:.1s}
.seccion-4 .card:hover::after{opacity:1;left:200%;transition-delay:.2s}
/* sidebar ffrontpage */
.acercade{display: flex;flex-direction: column;align-items: center;}
.acercade img{object-fit: cover;width: 100%;height: 100%;}
.acercade div:nth-child(1){width: 130px;height: 130px;border-radius: 30% 0 30% 0; overflow: hidden;}
.acercade ul{list-style: none;display:flex; }
.acercade ul li a{color: var(--color-texto-1);font-size: 14px; margin: 0 4px;transition: all .2s ease;}
.acercade ul li a:hover{color: var(--color-danger);}
.social-icons{display:flex;list-style-type:none;padding:0;margin:0}
.social-icons li{margin:0 1px}
.social-icons a{text-decoration:none;display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:50%;background-color:rgba(50,50,50,.7);color:#dadada!important;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.2);font-size:10px}
.social-icons a:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.3);color: #fff!important;}
/*  */
.slider-sidebar a{transition: all .2s ease;text-decoration: none;color: inherit;}
.slider-sidebar .titulo a:hover{text-shadow: 1px 1px 3px silver;}
.slider-sidebar .metadatos a:hover{color: var(--color-danger)!important;}
/* .slider-sidebar .imagen-widgets{width:100%;padding-bottom:75%;position:relative;overflow:hidden} */
/* .slider-sidebar .imagen-widgets img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} */

/* imagen-sidebar */
.imagen-widgets{width:100%;padding-bottom:75%;position:relative;overflow:hidden}
.imagen-widgets img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
/* aniamcion imagen-widgets */
.imagen-widgets img{display:block;transition:filter .3s ease;cursor:pointer}
.imagen-widgets .stars-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.imagen-widgets:hover .stars-overlay{opacity:1}
.imagen-widgets:hover img{filter:brightness(1.1)}
.imagen-widgets .star{position:absolute;width:24px;height:24px;opacity:0;transition:opacity .5s ease-out,transform .5s ease-out}
.imagen-widgets .star svg{width:100%;height:100%;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .7))}
/* cards sidebar */
.sidebar-cards .card{overflow: hidden;}
.sidebar-cards .imagen-container{width:100%;height:100%;position:relative}
.sidebar-cards .imagen{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%}
.sidebar-cards .imagen img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.sidebar-cards .imagen:hover img{transform:scale(1.05)}
.sidebar-cards .card, .sidebar-cards .row{height:100%}
.sidebar-cards a{transition: all .2s ease;text-decoration: none;color: inherit;}
.sidebar-cards a:hover{color: var(--color-danger)!important;}
/* slick-arrow */
/* .slider-list .slick-prev{left:25px;z-index:1}
.slider-list .slick-next{right:25px}
.slider-list a{text-decoration: none; color: inherit;}
.slider-list .metadatos a:hover{color: var(--color-danger)}
.slider-list .titulo a:hover{text-shadow: 1px 1px 3px silver;} */

@media (max-width:992px){

}
@media (max-width:768px){
    .seccion-4 .col-md-4{height: auto !important;}
    .seccion-4 .col-md-4 .imagen{padding-top: 56%;}
}
@media (max-width:576px) {

}






/* // FRONTPAGE  "NO HAY DATOS A MOSTRAR" */
.skeleton-card {
    position: relative;
    overflow: hidden;
}
.skeleton-bg {
    width: 100%;
    height: 100%;
    background: #e0e0e0;
    background: linear-gradient(100deg, #e0e0e0 40%, #f0f0f0 50%, #e0e0e0 60%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite linear;
}
.skeleton-line {
    display: inline-block;
    border-radius: 3px;
    background: #d6d6d6;
    background: linear-gradient(90deg, #d6d6d6 25%, #ececec 50%, #d6d6d6 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite linear;
}
@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* --- Mensaje sobre los placeholders --- */
.placeholder-wrapper {
    position: relative;
}
.no-data-message {
    position: absolute;
    inset: 0;
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transition: opacity .5s ease;
    pointer-events: none;
    z-index: 1;
}
.no-data-message .msg-box {
    background: rgba(0, 0, 0, 0.66);
    padding: .8rem 1.5rem;
    border-radius: 10px;
    font-size: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.56);
    margin: 25px;
}
.no-data-visible .no-data-message {
    opacity: 1;
}