/**
 * @file
 * Estilos huérfanos del theme ANEP (no generados por SCSS/Gulp).
 *
 * Copia de seguridad operativa del bloque final de css/anep.css
 * (desde "GENERAL STYLES" hasta el final). Por ahora también siguen
 * en anep.css; al recompilar el SCSS este archivo no se pisa.
 */

/* GENERAL STYLES
-------------------------------------------------*/

.region-bloques-home .block__inner {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.region-bloques-home .block > .content {
}

.region-bloques-home .view-content.row {
  margin: 0;
}

.region-bloques-home #block-anep-views-block-obras-block-1 img,
.region-bloques-home #block-anep-llamadosyadquisiciones img,
.region-bloques-home #block-anep-views-block-publicaciones-block-2 img {
  width: 100%;
  height: auto;
}

.view-llamados-y-adquisiciones-por-estado img {
  width: 100%;
  height: auto;
}

.region-bloques-home .views-row,
.region-bloques-home .paragraph--type--lista-de-enlaces .field__item {
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0.5rem;
}

.region-bloques-home .views-row:first-child,
.region-bloques-home .paragraph--type--lista-de-enlaces .field__item:first-child {
  margin-top: 1rem;
}

.region-bloques-home .views-row:last-child,
.region-bloques-home .paragraph--type--lista-de-enlaces .field__item:last-child {
  margin-bottom: 1rem;
}

  .region-bloques-home a, .view-noticias-home {
    color: #0069ff;
    text-decoration: none;
  }

  .paragraph__column div div {
    margin-bottom: 1rem;
  }

.region-bloques-home .block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

:is(.region-bloques-home header, .region-bloques-home .view-header) {
  position: relative;
  overflow: hidden;
}

:is(.region-bloques-home .block .list-enlaces__title, .bloques-home-caption) {
  background: #0069ff;
  width: 100%;
  padding: 1rem;
}

:is(.region-bloques-home .block .list-enlaces__title, .region-bloques-home .bloques-home-caption h2) {
  color: #fff;
  font-size: clamp(1rem, 2.6vw, 1.25rem);
  margin-bottom: 0;
  font-weight: lighter;
}

.region-bloques-home .block .list-enlaces__title {
  margin: 0;
}

.bloques-home-caption p {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 0;
}
.bloques-home-caption a {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .bloques-home-caption {
    position: static;
  }
  }

/* Publicaciones destacados (block_1) */
.view-display-id-block_1 .pub-card-img {
  flex: 0 0 150px;
  max-width: 150px;
  width: 150px;
}

.view-display-id-block_1 .pub-card-img img {
  display: block;
  width: 150px;
  height: 210px;
  max-width: none;
  object-fit: cover;
}

/*home publicaciones*/

.pub_hoz {
  display: flex;
    margin-bottom: 1rem;
    }

.pub_hoz h2 {
  font-size: 1rem;
font-weight: lighter;
}

.pub_hoz div:first-child {
  margin-right: 1rem;
  flex: 0 0 80px;
}

.pub_hoz div img { width: 100px !important; height: auto; }


.flex-caption {
  background: #000;
  position: absolute;
  bottom: 0;
  opacity: 70%;
  width: 100%;
  padding: 1rem;
}

.flex-caption a {
  color: #fff;
  text-decoration: none;}

/* correción de las flechas del felxslider incompletas*/

.flexslider {
  overflow: visible !important; /* permite que las flechas sobresalgan */
  position: relative;
}

.flex-direction-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 10;
  transform: translateY(-50%);
}
.flex-direction-nav a {
  font-size: 0;               /* truco adicional: borra texto sin tocar íconos visuales */
  height: auto;
}

.field--name-field-imagen img {
  width: 100%;
  height: auto;
}

.field--name-field-imagen {
  /*border-radius: 0.375rem;*/
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
  overflow: hidden; /* importante si la imagen es más grande que el borde */
}
.img-galerie-thumb {
  width: 100%;
  aspect-ratio: 3 / 2; /* Alternativa moderna a height fija */
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 4px;
}

#modalImage.slide-left {
  transform: translateX(-100%);
  opacity: 0;
}

#modalImage.slide-right {
  transform: translateX(100%);
  opacity: 0;
}
#modalImage {
  max-width: 100%;
  height: auto;
  transition: opacity 0.4s ease;
  opacity: 1;
  display: block;
  margin: 0 auto;
}

#modalImage.fade-out {
  opacity: 0;
}
.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
}
#prevImage,
#nextImage {
  background: none;
  border: none;
  padding: 2rem;
  color: #fff;
  font-size: 1.5rem;
  z-index: 2;
  cursor: pointer;
}

#prevImage:hover,
#nextImage:hover {
  color: #ccc;
}
.gallery-thumb {
  aspect-ratio: 2 / 1;
  width: 100%;
  object-fit: cover;
}
.scroll-gallery {
  overflow-x: auto;
  padding-bottom: 1rem;
  scroll-snap-type: x mandatory;
}

.scroll-gallery a {
  scroll-snap-align: start;
}

.scroll-gallery::-webkit-scrollbar {
  display: none; /* opcional: ocultar scrollbar en WebKit */
}
.gallery-thumbs {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.gallery-thumbs > div {
  scroll-snap-align: start;
}

/* fin correción de las flechas del felxslider incompletas*/

/* imagen superior en noticias*/
   .image-crop-container {
  aspect-ratio: 16 / 6;
  width: 100%;
  overflow: hidden;
}

.img-crop {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* Fim imagen superior en noticias*/

.node .field--name-field-imagen img {
  max-width: 100%;
  height: auto;
  display: block;
}

.campo-item {
  margin-bottom: 1rem; /* o el valor que prefieras */
}

/*---estilos para paemfe ---*/

.card h3 a {
  color: inherit;
  text-decoration: none;
}
.card-title h3 a:hover {
  text-decoration: underline;
  color:#009bdb !important;
}

span a {
  color: inherit;
  text-decoration: none;
}
span a:hover {
  text-decoration: underline;
}
/*lo utilizo para quitarles clases en la vista publicaciones en el home*/
/* Neutralizar columnas bootstrap */
.view-display-id-block_2 .col-12,
.view-display-id-block_2 .col-lg-4,
.view-display-id-block_2 .mb-4 {
  all: unset !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Neutralizar card */
.view-display-id-block_2 .card {
  all: unset;
  display: block;
  padding: 0 1rem !important; /* solo px-3 */
  box-sizing: border-box !important;
}

/* Quitar sombra */
.view-display-id-block_2 .shadow-sm {
  box-shadow: none !important;
}
/* fin lo utilizo para quitarles clases en la vista publicaciones en el home*/
/*sombra flechas slide*/
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.5));
    padding: 3px;
}
/*fin sombra flechas slide*/