body { background:#f4f6f9; }

/* LISTADO */
.news-card{
border:none;
border-radius:12px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.05);
transition:.3s ease;
border: #a0005044 solid 1px;
}

.news-card:hover{
transform:translateY(-5px);
}

.news-img{
height:200px;
object-fit:cover;
}

.btn-read{
background:#C90166;
color:white;
border:none;
}

.btn-read:hover{
background:#a00050;
color:white;
}

/* DETALLE */
.badge-custom{
background:#ede3d4;
color:#009887;
padding:6px 12px;
border-radius:20px;
}

.news-title{
font-weight:800;
font-size:30px;
color:#C90166;
}

.news-image{
width:100%;
border-radius:12px;
margin:20px 0;
}






/* SIDEBAR */
/* .related-container{
max-height:200px;
position:relative;
}






.related-scroll{
max-height:800px;
overflow-y:auto;
padding-right:5px;
} */
.related-container{
    height:550px;
    position:relative;
    overflow:hidden; /* importante */
}

.related-scroll{
    height:550px;
    overflow-y:auto;
    padding-right:10px;

    /* Firefox */
    scrollbar-width: none;
}

/* Chrome, Edge, Safari */
.related-scroll::-webkit-scrollbar{
    display:none;
}



.related-card{
cursor:pointer;
border:none;
border-radius:10px;
overflow:hidden;
transition:.3s ease;
}

.related-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

.related-active{
border:2px solid #C90166;
box-shadow:0 6px 18px rgba(201,1,102,0.25);
}


/* Scroll moderno minimalista */
.related-scroll::-webkit-scrollbar{
    width:4px; /* Más delgado */
}

.related-scroll::-webkit-scrollbar-track{
    background: transparent;
}

.related-scroll::-webkit-scrollbar-thumb{
    background:#C90166;
    border-radius:10px;
}

.related-scroll::-webkit-scrollbar-thumb:hover{
    background:#a00050;
}


/* Quitar botones de flecha */
.related-scroll::-webkit-scrollbar-button{
    display:none;
    height:0;
    width:0;
}


.scroll-indicator{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    padding:30px 0;
    background:linear-gradient(to top, #f4f6f9 60%, transparent);
}

.scroll-btn{
    background:#C90166;
    border:none;
    color:white;
    border-radius:50%;
    width:45px;
    height:45px;
    font-size:18px;
    box-shadow:0 6px 15px rgba(0,0,0,0.2);
    cursor:pointer;
    transition:.3s ease;
}

.scroll-btn:hover{
    transform:translateY(-3px);
}


/*  INDEX*/

.hr_etiquetas {
    height: 3px;
    width:30%;
    margin-left: 6%;
    background-color: #dc0562;
}
.section-spacing{
    margin:0px 0;
}
/* ============================= */
/* ESTILO GENERAL */
/* ============================= */

body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background:#f4f6f9;
    margin:0;
    padding:0;
}

.section-spacing{
    padding:10px 0 !important;
}

h4{
    font-weight:600;
    letter-spacing:.5px;
    color:#333;
}

.hr_etiquetas{
    height:3px;
    width:80px;
    background:#dc0562;
    border:none;
    margin:10px 0 40px 6%;
    border-radius:10px;
}

/* ============================= */
/* CARRUSEL */
/* ============================= */

.carousel-inner img{
    border-radius:8px;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

/* ============================= */
/* SISTEMAS */
/* ============================= */

.sistemas-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:40px;
}

.sistema-card{
    width:350px;
    background:white;
    padding:50px 30px;
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
    transition:.3s ease;
    text-align:center;
}

.sistema-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.sistema-card img{
    max-width:120px;
    margin-bottom:20px;
}

.sistema-card a{
    color:#dc0562;
    text-decoration:none;
    font-weight:600;
}

.sistema-card a:hover{
    text-decoration:underline;
}

/* ============================= */
/* TRANSPARENCIA */
/* ============================= */

.transparencia-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:30px;
}

.card_trans{
    width:220px;
    background:white;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    position:relative;
    transition:.3s ease;
}

.card_trans:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(0,0,0,0.15);
}

.card_trans img{
    width:100%;
    display:block;
}

.card-btn{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    background:#dc0562;
    border:none;
    padding:10px 25px;
    color:white;
    border-radius:25px;
    cursor:pointer;
    transition:.3s ease;
    font-weight:500;
}

.card-btn:hover{
    background:#b3044f;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media(max-width:768px){

.sistemas-container,
.transparencia-container{
    flex-direction:column;
    align-items:center;
}

.sistema-card,
.card_trans{
    width:90%;
}

}


/*VIDEOOOOOO*/

.video-container {
  max-width: 500px;
  margin: 40px auto;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.video-container video {
  width: 100%;
  display: block;
}