body {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;

}
h1, h2,h3, h4, h5, h6, .h1, .h2,.h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4,.display-5, .display-6 {
  font-weight: 400;
}
.fw-light {
  font-weight: 100;
  font-style: normal;
}
.fw-weight {
  font-weight: 500;
  font-style: normal;
}

a, a:hover, .btn-link{
  color: #17EAC4!important;
  text-decoration: none!important;
}
.navbar span {
  font-size: 2.1rem;
}
/*links menu*/
.menuSup ul.navbar-nav li.nav-item a.btn-link{
  position: relative;
  display: inline-block;
  color: white;
  text-decoration: none;
  z-index: 1;
  overflow: hidden;
  padding: 0.5rem 1rem;
  border-radius: 0;
}

.menuSup ul.navbar-nav li.nav-item a.btn-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  background-color: #073449; /* Azul */
  z-index: -1;
  transition: height 0.6s ease; /* Ajustás duración y suavidad */
}

.menuSup ul.navbar-nav li.nav-item a.btn-link:hover::before{
  height: 100%;
}
/*animacion links */
.portada a,  footer a, #collapseMenu-Competiciones div p a, #collapseMenu-Institucional div ul a, #collapseMenu-Tribunal div ul a,  #collapseMenu-Desarrollo div ul a,  #collapseMenu-Arbitros div ul a,  .btn-linkAnimac {
  position: relative;
  text-decoration: none;
  color: inherit;
}

.portada a::after, footer a::after, #collapseMenu-Competiciones div p a::after, #collapseMenu-Institucional div ul a::after, #collapseMenu-Tribunal div ul a::after,  #collapseMenu-Desarrollo div ul a::after,  #collapseMenu-Arbitros div ul a::after, .btn-linkAnimac::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background-color: #85C4E2;
  transition: width 0.3s ease;
}

.portada a:hover::after, footer a:hover::after, #collapseMenu-Competiciones div p a:hover::after, #collapseMenu-Institucional div ul a:hover::after, #collapseMenu-Tribunal div ul a:hover::after,  #collapseMenu-Desarrollo div ul a:hover::after,  #collapseMenu-Arbitros div ul a:hover::after, .btn-linkAnimac:hover::after{
  width: 100%;
}

.bg-primary, .btn-primary {
 background-color: #1891CB!important;
 }
 .btn-primary {
 border: #1891CB!important;
 }
 .text-primary {
 color: #1891CB!important;
 }
 .btn-outline-light.btn:hover {
 border: #85C4E2!important;
 color:#85C4E2!important;
 }
 .btn-outline-primary {
  --bs-btn-color: #1891CB;
  --bs-btn-border-color: #1891CB;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1891CB;
  --bs-btn-hover-border-color: #1891CB;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #1891CB;
  --bs-btn-active-bg: #1891CB;
  --bs-btn-active-border-color: #1891CB;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1891CB;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1891CB;
  --bs-gradient: none;
 }
 .btn-outline-white {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #1891CB;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #1891CB;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #1891CB;
  --bs-btn-active-bg: #1891CB;
  --bs-btn-active-border-color: #1891CB;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff;
  --bs-gradient: none;
 }
 .btn-link {
  --bs-btn-color: #17EAC4;
  --bs-btn-hover-color: #17EAC4;
  --bs-btn-active-color: #17EAC4;
  --bs-btn-disabled-color: #17EAC4;
}
 .bg-secondary, .btn-secondary {
 background-color: #17EAC4!important;
 }
 .btn-secondary {
 background-color: #17EAC4!important;
 }

.bg-light {
background-color: #85C4E2!important;
}
.btn-outline-light.btn:hover {
  border: #85C4E2 !important;
  color: #85C4E2 !important;
  background: #073449!important;
}
.bg-dark  {
background-color: #073449!important;

}
.text-dark  {
  color: #073449!important;
  
  }
.btn-dark {
  background-color: #073449!important;
  --bs-btn-border-color: #073449!important;
}   
 .degradeColores {
  background: linear-gradient(to right, #1891CB 0%, #0C4865 50%, #0C4865 100%)!important;
}
.degradeColoresVert {
  background: linear-gradient(to top, #1891CB 0%, #0C4865 50%, #0C4865 100%)!important;
}
.degradeColoresVertBottom {
  background: linear-gradient(to bottom, #1891CB 0%, #0C4865 50%, #0C4865 100%)!important;
}
.degradeColores2 {
  background: linear-gradient(to right, #17EAC4 0%, #13838E 50%, #13838E 100%)!important;
}
.degradeColores3 {
  background: linear-gradient(to right, #0aaf91 0%, #193833 50%, #193833 100%)!important;
}
.degradeFucsia {
  background: linear-gradient(to right, #DB1D65 0%, #750F36 50%, #750F36 100%)!important;
}
.degradeVioleta {
  background: linear-gradient(to right, #9747FF 0%, #5B2B99 50%, #5B2B99 100%)!important;
}
.degradeVerde {
  background: linear-gradient(to right, #4DB98E 0%, #235348 50%, #235348 100%)!important;
}

.bg-fucsia {
  background: #DB1D65;
}
.bg-azulAlpha {
  background: #072b3db3;
  /*background: linear-gradient(90deg, rgba(24, 145, 203, .7), rgba(12, 72, 101, .9)) !important;*/
}
.bg-azulAlpha2 {
  background: linear-gradient(90deg,rgba(12, 72, 101, 1) , rgba(24, 145, 203, 0) )!important;
}
 .btn-primary:hover {
 background-color: #577AA2!important;
 }
 .btn-plus {
position: absolute; 
top: 95%;
 left:43%;
}
 .text-secondary {
 color: #17EAC4!important;
 }
 .text-light  {
  color: #85C4E2!important;
  }
.text-tertiary {
  color: #1a957d!important;
  }
.bg-tertiary {
  background-color: #1a957d!important;
}
  .btn-tertiary {
    background-color: #1a957d!important;
}
.fs-sm {
 font-size:.8em;
}
.borde-mixto {
  border-radius: 0 10px 0 10px;
 }
#btn-menu-superior {
   border: #17EAC4 1px solid;
   color: #17EAC4;
   right: 20px!important;
   top:30px;
  position: absolute!important;
}
#cardsPortada  {
  min-height: 400px !important;
}
/*
.seccion {
  min-weight: 550px !important;
  scroll-margin-top: 119px;
}*/
  ul.sinPuntos {
    list-style:none; 
    padding-left:0;
  }
  nav {
    min-height: 120px;
  }
  nav h2{
    font-size: 2.7em;
    }
.navbar-brand img  { 
  max-width: 100px;
  min-width: 100px;
}
.navItemHover {
background-color: #073449;
    border-radius: 0; 
    color:#fff!important;
    text-decoration: none!important;
}
#collapseMenu-Institucional, #collapseMenu-Competiciones, #collapseMenu-Tribunal, #collapseMenu-Desarrollo {
  min-width: 270px !important;
  z-index: 999999999;
}
#collapseMenuSup  {
  top:0; 
  left: 0; 
  height: 100%; 
  overflow: scroll;
}
#collapseMenu-Arbitros {
  min-width: 200px !important;
  z-index: 999999999;
}
.accordion-button i {
  font-size: .3em!important;
}

.accordion-button::after {
  display: none;
  font-size: 1em!important;
}
.accordion-button:not(.collapsed)::after {
  background-image:url(img/donw.png);
}
/*accordion clubes*/
#accordionClubes.accordion-flush>.accordion-item>.accordion-header .accordion-button, #accordionClubes .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
  font-size: 1.8em!important;
}
#accordionClubes.accordion-flush>.accordion-item>.accordion-header .accordion-button.titlAdherentes, #accordionClubes .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed.titlAdherentes {
  font-size: 1em!important;
  padding: 1.1em .8em ;
}


/*botones*/
.btn-whatsapp  {
  bottom: 80px;
  right: 20px;
  width: 60px;
  height: 60px;
  z-index: 99999999;
  cursor: pointer;
  background: #247C48;
}
.btn-subir {
  bottom: 30px;
  right: 25px;
  width: 38px;
  height: 38px;
}
.cont-catA {
  top: 129px;
  left: 0;
  z-index: 9999;
}
.cont-catB {
  top: 230px;
  left: 0;
  z-index: 9999;
}
.cont-catProyeccion {
  top: 331px;
  left: 0;
  z-index: 9999;
}
.cont-catProyeccion .btn-Categoria{
  font-size: 1em;
  border-radius: 0 0 10px 0;
}
.cont-catProyeccion .btn-Categoria span{ 
  display: inline-block; /* Necesario para que el transform funcione */
  transform: rotate(-90deg);
  transform-origin: center center;
  -webkit-transform: rotate(-90deg)!important;
  -moz-transform: rotate(-90deg)!important;
  -o-transform: rotate(-90deg)!important;
}

.btn-Categoria{
  width: 80px;
  height: 100px;
  z-index: 99999999;
  cursor: pointer;
  background: linear-gradient(to right, #041924 0%, #0F587B 100%)!important;
  border: 0;
  font-size: 4em;
  border-radius: 0 0 10px 0;
}
.btn-Categoria:hover, .btn-Categoria:active {
  width: 110px;
}
.btn-CatB {
  width: 70px;
}
.btn-Categoria:hover, .btn-Categoria:active {
  width: 90px;
}
.btn-CatProyeccion {
  width: 60px;
  padding: 0;
}
#collapseSubmenuA, #collapseSubmenuB, #collapseSubmenuProyeccion  {
  --bs-card-border-color: none;
  background: #073449;
  opacity: .8;
  height: 100px;
  color: #ffffff;
  margin-left: -10px;
  width: 450px;
  border-radius: 0 0 10px 0;
}

.btn-Clubes  {
  top: 150px;
  right: 0;
  width: 120px;
  height: 100px;
  z-index: 999;
  cursor: pointer;
  background: #247C48;
  padding-top: 1.2em;
}
/*secciones*/
.portada {
  background-image: url(img/bg-portada.png);
  background-color: #0d3d58;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.portada .card-header {
  background: #072b3d;
  /*background-image: url(img/bg-categorias.jpeg);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 140px;
}
.portada-AMasculinoMayores {
  background-image: url(img/portadaAMasculino.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
}
.colaboraciones  {
  background:#083F42;
}

.seccion.carrousel {
  padding: 0 !important;
}

#carouselMultimedia .carousel-caption {
  top: 40%;
  width: 25%;
  height: 280px;
  opacity:.8; 
  right: 60px;
  left:auto;
}
#carouselMultimedia .carousel-control-next, #carouselMultimedia .carousel-control-prev   {
  width: 6%!important;
}
#carouselMultimedia .carousel-item {
  height: 700px;
  overflow: hidden;
}

#carouselMultimedia .carousel-item img {
  height: 100%;
  width: auto;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.noticias {
  background-image: url(img/bg-noticias.png);
  background-position: center center;
  background-repeat: no-repeat;
}
#carouselNoticias .carousel-control-next, #carouselNoticia .carousel-control-prev   {
  width: 13%!important;
}

#carouselNoticias .carousel-indicators [data-bs-target] {
  background-color: #1a957d;
}
#carouselNoticias .carousel-item {
  overflow: hidden;
}

#carouselNoticias .carousel-item img {
  height: 100%;
  width: auto;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}
/* sponsor */
.sponsor {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;    /* cover si querés recortar */
  background-position: center;
  transition: background-image .15s linear; /* transición suave */
}

/* imagen por defecto */
.sponsor--municipalidad {
  background-image: url("img/sponsor-municipalidad.png");
  width: 180px;                /* ancho de la imagen */
  height: 180px;    
}

/* imagen al pasar el cursor */
.sponsor--municipalidad:hover,
.sponsor--municipalidad:focus {
  background-image: url("img/sponsor-municipalidad-logoHover.png");
}
/* imagen por defecto */
.sponsor--uada {
  background-image: url("img/sponsor-uada.png");
  width: 160px;                /* ancho de la imagen */
  height: 160px;    
}

/* imagen al pasar el cursor */
.sponsor--uada:hover,
.sponsor--uada:focus {
  background-image: url("img/sponsor-uadaHover.png");
}

/* imagen por defecto */
.sponsor--unlp {
  background-image: url("img/sponsor-unlp.png");
  width: 180px;                /* ancho de la imagen */
  height: 180px;    
}

/* imagen al pasar el cursor */
.sponsor--unlp:hover,
.sponsor--unlp:focus {
  background-image: url("img/sponsor-unlpHover.png");
}

/* utilidad para accesibilidad (ocultar texto pero mantenerlo para lectores de pantalla) */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}

.numeros {
  background-color: #0c354a;
  background-image: url("img/bg-numeros.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}

footer {
  position: relative;
  background-color: #0C4865;
  overflow: hidden;
}

footer::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background-image: url('img/logoLAPF-bl.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
  opacity: 0.1; /* Ajustá la transparencia acá */
  pointer-events: none; /* Para que no interfiera con clicks */
}

.contPaginaInt {
  color:#073449!important;
  min-height: 600px;
  font-size: 1.1em;
}
.bgTopPaginasIntVerde{
background-image: url(img/bg-encabezado-int-verde.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
}
.bg-internas {
  background-image: url(img/bg-encabezado-int.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
} 
.bg-internas h3 {
  font-weight: 200;
}
.portada-AMasculinoMayores .div {
  height: 600px;
}
#carouselFechas .card {
  min-width: 300px;
}
.imgClubes {
  width: 100%;
  max-width: 550px;
  height: auto;
}
.escudoClubes {
    max-width: 50px;
    height: auto;
  }
  .colaboracionRededes  {
    height: 140px;
  }

#carouselFechas .carousel-control-next, #carouselFechas .carousel-control-prev {
    width: 10%!important;
  }
  .fechas-hora  {
    font-size: .9em;
      }
  .luzEnVivo  {
font-size: .4em;
  }
/*
  .anoTorneos {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='white' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.516 7.548L10 12.032l4.484-4.484L15.9 8.964l-5.9 5.9-5.9-5.9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    padding: 0;
    padding-right: 2rem;  espacio para que no pise el texto 
    background-color: transparent;
  }
  .anoTorneos option {
    background-color: #0d5447;
  }*/
  nav.navPaginado {
    min-height: 60px;
}
nav.navPaginado a{
  color: #1891CB !important;
}
nav.navPaginado a:active, nav.navPaginado a:active, nav.navPaginado a:hover, nav.navPaginado a:hover{
  color: #073449 !important;
  background: #17EAC4;
}
  .fixture .nav-link.active{
    color: #073449;
    font-size: 1em;
    padding: 1em;
    background:  #ffffff!important;
    border: 0;
    font-weight: 400;
  }
 .fixture .nav-link{
  color: #17EAC4;
  font-size:1em;
  padding: 1em;
  background: linear-gradient(to top, #1891CB 0%, #0C4865 50%, #0C4865 100%)!important;    
  border: 0;
}

.fixture table {
  --bs-table-bg:none;
}
#tablaFixtura table tr td, #tablaPosiciones table tr td{
  color: #073449;
}
#tablaGoleadores table tr td, #tablaAsistencias table tr td, #tablaTarjetasRojas table tr td,  #tablaTarjetasAmarillas table tr td{
  color: #ffffff;
}


/*animacion*/
.scroll-container1:nth-of-type(even) {
  flex-direction: row-reverse;
}
.scroll-caption {
  margin: 1rem;
}

@media (max-width: 992px) {
  .menuSup ul {
    min-width: 270px;
  }
  .seccion {
    min-height: 200px !important;
  }
  .menuRedes ul{
    min-width:265px !important;
  }
}
@media screen and (max-width: 650px) {
  .scroll-container1, .scroll-container1:nth-of-type(even) {
    flex-direction: column;
    align-content: inherit;
  }

  .carousel-item {
    height: auto;
  }
  #countdown span:first-child {
    margin-right: 1.2em;
  }
  #countdown span:last-child:after {
    margin-left: 0.2em;
  }
  #carouselHorizontal .carousel-item {
    padding-bottom: 5em;
  }
  .carousel-control-next, .carousel-control-prev {
    top:35%!important;
    align-items: flex-start;
  }
}
/**Styling scrollable elements*/
/* Estado inicial */
.js-scroll-left-organic,
.js-scroll-right-organic {
  opacity: 0;
  transition: opacity 0.5s;
}

/* Cuando se activa el scroll */
.scrolled {
  opacity: 1;
}

/* Entrada desde la derecha */
.slide-in-right {
  animation: slide-in-right 1s ease-in-out both;
}

/* Entrada desde la izquierda */
.slide-in-left {
  animation: slide-in-left 1s ease-in-out both;
}

/* Movimiento infinito */
.floating {
  animation: float 3s ease-in-out infinite;
}

/* Keyframes */
@keyframes slide-in-right {
  0% {
    transform: translateX(100px) rotate(5deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-100px) rotate(-20deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

@keyframes float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-10px) rotate(1deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

.js-scroll-right-simple,
.js-scroll-left-simple {
  opacity: 0;
  transition: opacity 0.5s;
}

/* Cuando se activa el scroll */
.scrolled {
  opacity: 1;
}

/* Entrada desde la derecha */
.slide-in-right-simple {
  animation: slide-in-right-simple 1s ease-in-out both;
}

/* Entrada desde la izquierda */
.slide-in-left-simple {
  animation: slide-in-left-simple 1s ease-in-out both;
}

/* Keyframes simples (sin rotación ni floating) */
@keyframes slide-in-right-simple {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-left-simple {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Cuando aparece por scroll */
/* Inicialmente oculto */
.js-scroll-top {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

/* Cuando aparece por scroll */
.js-scroll-top.scrolled {
  animation: slide-in-top-scroll 1s ease-out forwards;
}

/* Animación desde abajo */
@keyframes slide-in-top-scroll {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


/* Aparecen automáticamente al cargar, sin scroll */
.slide-right-auto {
  animation: slide-in-right-auto 1s ease-in-out forwards;
}

.slide-left-auto {
  animation: slide-in-left-auto 1s ease-in-out forwards;
}

.slide-top-auto {
  animation: slide-in-top-auto 1s ease-in-out forwards;
}

/* Keyframes simples sin floating ni rotación */
@keyframes slide-in-right-auto {
  from {
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-left-auto {
  from {
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-top-auto {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (max-width: 1200px) {
    .navbar .nav-item {
       font-size: .9em;
   }
   .navbar-brand span{
    font-size: 1.6em!important;
}
}

@media (max-width: 992px) {

.navbar-brand img  { 
  width: 130px;
}
.btn-Clubes  {
  width: 100px;
  padding-right: 20px;
}
.collapseExample { 
 display: none;
}
.noticias {
  background-image:none;
  background-color: #1a957d!important;
  height: 800px;
}
.titlNoticias{
  display: none;
}
.titl-noticias{
  display: inline-flex;
  position: absolute;
  top:150px;
  left: 0;
}
.txt-noticias  {
  background-color: #1a957d;
}
}
@media (max-width: 768px) {
  .btn-Clubes  {
    width: 55px;
    height: 90px;
  }
  .btn-Clubes span {
    transform-origin: center center;
    display: inline-block; /* ¡Esto es clave! */
    transform: rotate(90deg); /* versión estándar */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    padding-top: 20px;
    padding-right:20px;
   }
   .btn-Categoria {
    width: 60px;
  }
  .btn-CatB {
    width: 55px;
}
.btn-CatProyeccion {
  width: 50px;
}
  .portada .card-header {
    min-height: 80px;
  }
  .navbar-brand span{
   display: none;
}
#carouselNoticias {
  height: 800px;
}
.noticias {
  height: 650px;
  background-image:none;
  background-color: #1a957d!important;
}
#carouselMultimedia .carousel-caption {
  width: 40%;
  top: 50%;
}
#carouselNoticias .carousel-item {
  height: 750px;
}
.fixture .nav-link.active {
  font-size: 1.5em;
  padding: .8em;
}
.fixture .nav-link {
  padding: 1.2em;
}
}
@media (max-width: 600px) {
  nav {
  min-height: 90px;
}
.navbar-brand img  { 
  width: 120px;
}
nav h2{
font-size: 1.7em;
}
 .portada .card-header {
  max-height: 80px;
}
.colaboraciones {
max-height: 450px;
}
#carouselMultimedia .carousel-caption {
  width: 40%;
}
.noticias {
  height: 600px;
}
#carouselNoticias .carousel-item {
  height: 700px;
}
.bg-internas {
  background-size: 200%;
}
}
@media (max-width: 500px) {
  .parallax {
    background-attachment: scroll;
    /* Desactiva parallax en móviles */
  }
}

/* ===============================
   BANNER VINCULACIÓN INSTITUCIONAL
   =============================== */

#carouselVinculacion.banner-vinculacion {
  background: linear-gradient(135deg, #0b3d2e 0%, #0a2540 100%);
  border-radius: 0 0 1.25rem 1.25rem;
  overflow: hidden;
  color: #fff;
}

/* ====== ALTURA ESTÁNDAR DEL BANNER ====== */
#carouselVinculacion .carousel-inner {
  height: 450px;              /* ajustá: 340 / 380 / 420 */
}

#carouselVinculacion .carousel-item,
#carouselVinculacion .carousel-item > .row {
  height: 100%;
}

#carouselVinculacion .banner-vinculacion__img,
#carouselVinculacion .banner-vinculacion__txt {
  height: 100%;
}

/* Imagen */
#carouselVinculacion .banner-vinculacion__img {
  position: relative;
}

/* La imagen siempre llena el alto fijo */
#carouselVinculacion .banner-vinculacion__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 15%;
  display: block;
}

/* Overlay oscuro sobre imagen (NO debe capturar clicks) */
#carouselVinculacion .banner-vinculacion__img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,.65) 0%,
    rgba(0,0,0,.35) 50%,
    rgba(0,0,0,.15) 100%
  );
  pointer-events: none;       /* ✅ clave para que funcione la flecha derecha */
}

/* Texto */
#carouselVinculacion .banner-vinculacion__txt {
  position: relative;
  z-index: 2;
  background: transparent;
}

#carouselVinculacion .banner-vinculacion__txt h3 {
  font-weight: 700;
}

#carouselVinculacion .banner-vinculacion__txt p {
  color: #ddd;
  line-height: 1.5;
}

/* Badge */
#carouselVinculacion .badge {
  background: #000;
  letter-spacing: .05em;
}

/* Botón leer */
#carouselVinculacion .btn-dark {
  background: #000;
  border: none;
}

#carouselVinculacion .btn-dark:hover {
  background: #222;
}

/* ===============================
   CONTROLES DEL CAROUSEL
   =============================== */

#carouselVinculacion .carousel-control-prev,
#carouselVinculacion .carousel-control-next {
  width: 8%;
  opacity: 1;
  z-index: 50;                /* ✅ arriba del overlay/imagen */
}

#carouselVinculacion .carousel-control-prev-icon,
#carouselVinculacion .carousel-control-next-icon {
  background-color: rgba(0,0,0,.75);
  border-radius: 50%;
  background-size: 60% 60%;
  width: 3rem;
  height: 3rem;
}

/* Hover */
#carouselVinculacion .carousel-control-prev-icon:hover,
#carouselVinculacion .carousel-control-next-icon:hover {
  background-color: rgba(0,0,0,.95);
}

/* Indicadores */
#carouselVinculacion .carousel-indicators button {
  background-color: rgba(255,255,255,.5);
}

#carouselVinculacion .carousel-indicators .active {
  background-color: #fff;
}

/* Responsive */
@media (max-width: 991px) {
  #carouselVinculacion .carousel-inner {
    height: 320px;
  }

  #carouselVinculacion .banner-vinculacion__img::after {
    background: rgba(0,0,0,.55);
    pointer-events: none;
  }
}

/* ===== FIX: indicadores clickeables (3 y 4 no respondían por capas encima) ===== */
#carouselVinculacion .carousel-indicators {
  z-index: 80;          /* arriba de texto (2) y por debajo/igual que controles (50) -> lo ponemos más alto */
  pointer-events: auto; /* que reciba clicks */
}

#carouselVinculacion .carousel-indicators button {
  pointer-events: auto;
}

/* opcional: que el contenedor de texto no tape la franja inferior */
#carouselVinculacion .banner-vinculacion__txt {
  z-index: 2;
}

/* Título fijo dentro del banner */
#carouselVinculacion .banner-vinculacion__title{
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 90;                 /* arriba de todo */
  padding: .45rem .75rem;
  border-radius: .75rem;
  background: rgba(0,0,0,.75);
  color: #fff;
  font-weight: 700;
  letter-spacing: .02em;
}

/* Para que el recorte priorice ARRIBA (cabezas) */
#carouselVinculacion .banner-vinculacion__img img{
  object-position: top center; /* ✅ clave */
}