/* =========================
   RESET BASE
========================= */
html, body{
   height:100%;
}

body{
   background: url('../../sitio_imgs/fondo_sala_de_prensa.png') no-repeat center center;
/*    background-size: cover;
   background-attachment: fixed;
 */   overflow-x:hidden;
}

/* =========================
   CONTENEDOR
========================= */
.prensa{
   min-height:100vh;
   padding:60px 20px;
   background:transparent;
}

.prensa h1{
   margin-left:120px;
   font-size:40px;
   color:#3b4ba3;
}

/* =========================
   TIMELINE
========================= */
.prensa-timeline{
   position:relative;
   max-width:1200px;
   margin:0 auto;
   padding-left:80px;
}

.prensa-timeline::before{
   content:"";
   position:absolute;
   left:0;
   top:0;
   width:6px;
   height:100%;
   background:#3b4ba3;
}

/* =========================
   ITEM
========================= */
.prensa-item{
   margin-bottom:120px;
   position:relative;
}

.prensa-item h2{
   position:absolute;
   left:-50px;
   top:0;
   font-size:32px;
   color:#6c7bb3;
   margin:0;
}

/* =========================
   FILA
========================= */
.prensa-row{
   margin-left:100px;
   margin-top:60px;
}

/* =========================
   SLIDER NUEVO (CORREGIDO)
========================= */
.slider-final{
   width:90%;
   max-width:1000px;
   margin:auto;
   position:relative;
   overflow:hidden;
   border-radius:20px;
   box-shadow:0 10px 30px rgba(0,0,0,0.2);
	padding:0;
}

/* 🔥 IMPORTANTE: evita sobreposición */
.slides{
   display:flex;
   transition:transform 0.5s ease;
   width:100%;
}

/* 🔥 cada slide ocupa todo el ancho */
.slide{
   min-width:100%;
   width:100%;   
   flex-shrink:0;
} 

/* =========================
   IMAGEN (ARREGLADA)
========================= */
.slide img{
   width:100%;
   height:400px;
   object-fit:contain;
   border-radius:20px 20px 0 0;
}

/* =========================
   TEXTO (CONTROLADO)
========================= */
.slide p{
   position:relative;
   bottom:0;
   left:0;
   width:100%;
   background:rgba(59,75,163,0.9);
   color:white;
   margin:0;
   padding:12px;
   text-align:center;
   box-sizing:border-box;
}

/* =========================
   FLECHAS (FIJADAS)
========================= */
.btn-slide{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   background:#3b4ba3;
   color:white;
   border:none;
   width:45px;
   height:45px;
   border-radius:50%;
   cursor:pointer;
   z-index:20; /* 🔥 arriba de todo */
   transition:0.3s;
   display:flex;
   align-items:center;
   justify-content:center;
}

.btn-slide:hover{
   background:#2f3d8f;
   transform:translateY(-50%) scale(1.2);
}

.prev{ left:15px; }
.next{ right:15px; }

@media (max-width: 768px){

   body{
      background-attachment: scroll; /* 🔥 evita bug en móvil */
   }

   .prensa{
      padding: 20px 10px;
   }

   .prensa h1{
      margin-left: 0;
      font-size: 28px;
      text-align: center;
   }

}

@media (max-width: 768px){

   .prensa-timeline{
      padding-left: 20px;
   }

   .prensa-timeline::before{
      left: 10px;
      width: 4px;
   }

   .prensa-item h2{
      position: relative;
      left: 0;
      font-size: 22px;
      margin-bottom: 10px;
   }

   .prensa-row{
      margin-left: 0;
      margin-top: 20px;
   }

}

@media (max-width: 768px){

   .slider-final{
      width: 100%;
      border-radius: 12px;
   }

   .slide img{
      height: 200px; /* 🔥 más pequeño */
   }

   .slide p{
      font-size: 14px;
      padding: 8px;
   }

   .btn-slide{
      width: 35px;
      height: 35px;
      font-size: 14px;
   }

}

@media (max-width: 768px){

   #globalbar{
      flex-direction: column;
   }

   #globalbar-nav ul{
      flex-direction: column;
      gap: 10px;
   }

}

@media (max-width: 768px){

   .buscador{
      width: 100%;
      margin-top: 10px;
   }

   #search-input{
      width: 100%;
      font-size: 14px;
   }

}

@media (max-width: 768px){

   #btnArriba, #btnAbajo{
      width: 45px;
      height: 45px;
      right: 15px;
   }

}