/* ================= BASE ================= */
:root {
  --primary: #1a1a1a;
  --accent: #c5a059;
  --light-bg: #f4f7f6;
  --text-muted: #6c757d;

  /* Header */
  --fca-dorado: #c5a059;
  --nav-offset: 90px;

  /* Azul oscuro al scrollear */
  --nav-dark: #021024;
}

body {
  font-family: 'Manrope', sans-serif;
  background-color: #fff;
  color: var(--primary);
  -webkit-font-smoothing: antialiased;
  padding-top: var(--nav-offset);
}

.serif { font-family: 'DM Serif Display', serif; letter-spacing: .2px; }

:target::before{
  content:"";
  display:block;
  height: var(--nav-offset);
  margin-top: calc(-1 * var(--nav-offset));
  visibility:hidden;
}

/* ================= NAVBAR: INICIA BLANCO / SCROLL AZUL OSCURO ================= */
.navbar-custom{
  background:#fff;
  border-bottom: 4px solid transparent;
  transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
  padding-top:.35rem; padding-bottom:.35rem;
}

.nav-ink .nav-link{
  position:relative;
  color:#111;
  font-weight:600;
  padding:.75rem 1rem;
  border-radius:10px;
  transition: color .2s ease, background-color .2s ease;
  letter-spacing: .2px;
}

.nav-ink .nav-link::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:.35rem;
  height:3px;
  border-radius:3px;
  background: linear-gradient(90deg, var(--fca-dorado), #ffd58c);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}

.nav-ink .nav-link:hover{ background: rgba(0,0,0,.04); }
.nav-ink .nav-link:hover::after,
.nav-ink .nav-link.active::after{ transform: scaleX(1); }

.navbar-custom.scrolled{
  background: var(--nav-dark);
  border-bottom: 1px solid var(--fca-dorado);
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
.navbar-custom.scrolled .nav-ink .nav-link{ color:#fff; }
.navbar-custom.scrolled .nav-ink .nav-link:hover{ background: rgba(255,255,255,.08); }
.navbar-custom.scrolled .nav-ink .nav-link.active{ color:#ffd58c; }

.navbar-toggler{ border-color:transparent; }
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23111' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-custom.scrolled .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Swap de logos */
.logo-swap{ display:none; height:auto; }
.navbar-custom .logo-dark{ display:inline-block; }
.navbar-custom .logo-light{ display:none; }
.navbar-custom.scrolled .logo-dark{ display:none; }
.navbar-custom.scrolled .logo-light{ display:inline-block; }

#fca{ width:170px; }
#editorial{ height:48px; width:auto; }

@media (max-width: 1060px){
  #fca{ width:140px; }
  #editorial{ height:40px; }
}
@media (max-width: 576px){
  :root{ --nav-offset: 80px; }
  body{ padding-top: var(--nav-offset); }
  #fca{ width:120px; }
  #editorial{ height:30px; }
}

.dropdown-menu{
  border-radius: 0;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}
.dropdown-item{
  font-weight: 500;
  letter-spacing: .2px;
}
.dropdown-item:hover{
  background: rgba(0,0,0,.04);
}

/* ================= CARRUSEL ================= */
#customCarousel .carousel-item img {
  object-fit: cover; /* Las imágenes ocuparán todo el contenedor sin deformarse */
  height: 60vh; /* Ajusta la altura según lo necesites */
  width: 100%; /* Asegura que la imagen ocupe todo el ancho */
}

/* Ajuste para móviles: Usar imagen de 1000x1000px para que no se corte y se vea correctamente */
@media (max-width: 576px) {
  #customCarousel .carousel-item img {
    object-fit: contain; /* Ajusta la imagen para que se vea completa en móviles */
    height: 50vh; /* Ajusta la altura para móviles */
  }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(255, 255, 255, 0.5); /* Flechas blancas con transparencia */
  width: 30px; /* Reducir el tamaño de las flechas */
  height: 30px;
  border-radius: 50%; /* Hacer las flechas redondas */
  opacity: 0.7; /* Opacidad más baja para hacerlas menos visibles */
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  background-color: rgba(255, 255, 255, 0.8); /* Un toque de opacidad al pasar el ratón */
  opacity: 1; /* Flechas más visibles al hacer hover */
}

.carousel-control-prev,
.carousel-control-next {
  background-color: transparent; /* Fondo transparente */
  border: none; /* Sin borde */
}

.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Flecha derecha */
.carousel-control-next-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.section-tag {
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: 2px;
  display: block;
  margin-bottom: 10px;
}
.section-title {
  font-size: 2.6rem;
  margin-bottom: 14px;
}

/* ================= SECCIONES ================= */
section { padding: 90px 0; }
/* ===== Ajuste de espaciado solo para Edición destacada ===== */
#edicion { padding: 55px 0 !important; }
#edicion .mb-5 { margin-bottom: 1.5rem !important; } /* reduce título/espacio interno */

#nosotros { padding-top: 70px !important; } /* acerca Historia a Edición */

/* ================= REVISTA DESTACADA (2do bloque) ================= */
.revista-card{
  background:#fff;
  border:1px solid #eee;
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
  overflow:hidden;
}
.revista-cover{
  width:100%;
  height:100%;
  min-height: 380px;
  object-fit: cover;
  background:#f4f7f6;
  display:block;
}
.revista-info{
  padding: 36px;
  border-left: 5px solid var(--accent);
  height: 100%;
}
@media (max-width: 992px){
  .revista-info{
    border-left:none;
    border-top:5px solid var(--accent);
  }
}

/* ====== Historia (3er bloque): parallax ====== */
.about-parallax{
  position: relative;
  min-height: 72vh;
  display: flex;
  align-items: center;
  padding: 120px 0;
  background: #111;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.about-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(270deg, rgba(11,42,74,.70), rgba(11,42,74,.25));
}

.about-card{
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,.93);
  border-left: 5px solid var(--accent);
  padding: 36px;
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.about-card-right{
  border-left: none;
  border-right: 5px solid var(--accent);
  text-align: left;
}

@media (max-width: 992px){
  .about-parallax{
    background-attachment: scroll;
    padding: 95px 0;
  }
  .about-overlay{
    background: rgba(11,42,74,.45);
  }
  .about-card-right{
    border-right: none;
    border-left: 5px solid var(--accent);
  }
}

/* ================= TARJETAS (carrusel final) ================= */
.article-card {
  border: none;
  background: transparent;
  margin-bottom: 0;
}
.article-img {
  height: 220px;
  object-fit: cover;
  filter: grayscale(0%);
  transition: filter 0.5s ease;
  border-radius: 0;
}
.article-card:hover .article-img { filter: grayscale(0%); }
.read-more {
  font-size: 0.8rem;
  font-weight: 800;
  text-decoration: underline;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: .6px;
}

/* ================= CARRUSEL ARTÍCULOS (4to bloque) ================= */
#revistaCarousel .carousel-control-prev,
#revistaCarousel .carousel-control-next{
  width: 7%;
}
#revistaCarousel .carousel-control-prev-icon,
#revistaCarousel .carousel-control-next-icon{
  filter: invert(1);
  opacity: .85;
}
#revistaCarousel .carousel-indicators{
  margin-bottom: -40px;
}
/* ================= FOOTER REVISTA (LIMPIO, SIN “BARRAS NEGRAS”) ================= */
.revista-footer{
  background: transparent; /* importante: evita barras */
}

/* TOP claro */
.revista-footer-top{
  background: #f7f6f2;
  border-top: 1px solid rgba(0,0,0,.08);
}

.revista-footer-top p{
  margin: 0;
  color: #2b2b2b;
  font-size: 1rem; /* Texto más pequeño */
}

.revista-bullet{
  font-weight: 800;
  margin-right: .35rem;
}

/* Redes */
.revista-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  color:#1a1a1a;
  text-decoration:none;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
}
.revista-social a:hover{
  transform: translateY(-2px);
  background: rgba(2,16,36,.06);
  border-color: rgba(2,16,36,.35);
}

/* Logo */
.revista-footer-logo{
  height: 100px;
  width: auto;
  opacity: .95;
}

/* BANDA AZUL (como la 2ª foto) */
.revista-footer-band{
  background: var(--nav-dark); /* #021024 */
  color: rgba(255,255,255,.92);
  text-align: justify; /* Justifica el texto */
}

.revista-footer-band p{
  margin: 0;
  color: rgba(255,255,255,.92);
  line-height: 1.55;
  font-size: .8rem; /* Texto más pequeño */
}

/* Links dentro de la banda */
.revista-footer-link-dark{
  color: #C0985A; /* Color dorado */
  text-decoration: underline;
  font-weight: 600;
}
.revista-footer-link-dark:hover{
  opacity: .75;
}

.revista-sep-dark{
  margin: 0 .35rem;
  color: rgba(255,255,255,.75);
}

/* Mobile: que no se vea apretado */
@media (max-width: 576px){
  .revista-footer-top p{ font-size: .9rem; }
  .revista-footer-band p{ font-size: .8rem; }
  .revista-footer-logo{ height: 54px; }
}

/* ===== HISTORIA FULL WIDTH ===== */

.historia-full {
  background: #f5f5f5;
}

.about-card-full {
  min-height: 550px;
  display: flex;
  align-items: center;
  background: #eeeeee;
  border-right: 6px solid #c6a75e; /* línea dorada elegante */
}

.about-card-full .section-title {
  font-size: 2.6rem;
}

.about-card-full p {
  font-size: 1.05rem;
  line-height: 1.8;
}


/* ===== FLECHAS CARRUSEL SECCIONES (AZUL HEADER) ===== */
#seccionesCarousel .carousel-control-prev,
#seccionesCarousel .carousel-control-next {
  width: 60px;
  height: 60px;
  background: var(--nav-dark);   /* AZUL DEL HEADER */
  border-radius: 50%;
  top: 45%;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s ease;
}

#seccionesCarousel .carousel-control-prev { left: -30px; }
#seccionesCarousel .carousel-control-next { right: -30px; }

#seccionesCarousel .carousel-control-prev-icon,
#seccionesCarousel .carousel-control-next-icon {
  filter: invert(1);
  width: 30px;
  height: 30px;
}

#seccionesCarousel .carousel-control-prev:hover,
#seccionesCarousel .carousel-control-next:hover {
  background: var(--fca-dorado); /* hover dorado (si quieres, lo cambio a otro azul) */
}

/* Flecha blanca SOLO el ícono (no el fondo) */
#seccionesCarousel .carousel-control-prev-icon,
#seccionesCarousel .carousel-control-next-icon {
  background-image: none; /* quitamos el svg negro default */
  width: 28px;
  height: 28px;
}

/* Flecha izquierda */
#seccionesCarousel .carousel-control-prev-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Flecha derecha */
#seccionesCarousel .carousel-control-next-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ================= FOOTER REVISTA ================= */

/* ===== TOP (blanco) ===== */
.revista-footer-top{
  background: #dae0eeb0;
  border-top: 1px solid rgba(0,0,0,.08);
}

/* Redes sociales */
.revista-social a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,.15);
  color: #2F2F2F;
  text-decoration: none;
  background: #fff;
  transition: all .2s ease;
}

.revista-social a:hover{
  transform: translateY(-2px);
  background: rgba(2,16,36,.08); /* azul header suave */
  color: var(--nav-dark);
  border-color: var(--nav-dark);
}

/* Logo */
.revista-footer-logo{
  height: 100px;
  width: auto;
  opacity: .95;
}

/* Links (Privacidad, Contacto, etc) */
.revista-footer-link{
  color: #2F2F2F;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all .15s ease;
}

.revista-footer-link:hover{
  border-bottom: 1px solid var(--fca-dorado);
  color: var(--nav-dark);
}

/* ===== BOTTOM (barra azul oscura como header) ===== */
.revista-footer-bottom{
  background: var(--nav-dark);
  color: rgba(255,255,255,.85);
}

.revista-footer-bottom small{
  font-size: .85rem;
  letter-spacing: .2px;
}

.revista-footer-bottom-link{
  color: rgba(255,255,255,.9);
  text-decoration: underline;
  transition: opacity .2s ease;
}

.revista-footer-bottom-link:hover{
  opacity: .7;
}

/* ===== Footer estilo “imagen 2” ===== */
.revista-footer-top{
  background: #dae0eeb0;                 /* tono claro */
  border-top: 1px solid rgba(0,0,0,.08);
}

.revista-footer-top p{
  color: #2b2b2b;
  font-size: 1.05rem;
}

.revista-bullet{
  font-weight: 800;
  margin-right: .35rem;
}

/* Redes */
.revista-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  color:#1a1a1a;
  text-decoration:none;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
}
.revista-social a:hover{
  transform: translateY(-2px);
  background: rgba(2,16,36,.06);
  border-color: rgba(2,16,36,.35);
}

/* Logo */
.revista-footer-logo{
  height: 100px;
  width: auto;
  opacity: .95;
}

/* Barra oscura */
.revista-footer-bottom{
  background: #021024;                 /* verde oscuro como tu ejemplo 2 */
  color: rgba(255,255,255,.88);
}
.revista-footer-bottom p{
  margin: 0;
  color: rgba(255,255,255,.88);
  line-height: 1.6;
}
.revista-footer-bottom-link{
  color: rgba(255,255,255,.95);
  text-decoration: underline;
}
.revista-footer-bottom-link:hover{
  opacity: .75;
}
.revista-sep{
  margin: 0 .35rem;
  color: rgba(255,255,255,.75);
}

/* Flechas blancas del carrusel de SECCIONES (solo el ícono) */
#seccionesCarousel .carousel-control-prev-icon,
#seccionesCarousel .carousel-control-next-icon{
  filter: invert(1) !important;
  opacity: 1 !important;
}

/* ================= SECCIONES: SLIDER TIPO COLA ================= */
.seccion-block{
  margin-bottom: 44px;
}

.seccion-title{
  font-size: 2rem;
}

.news-slider{
  position: relative;
}

/* viewport oculta lo que se sale */
.news-viewport{
  overflow: hidden;
}

/* pista que se mueve */
.news-track{
  display: flex;
  gap: 24px;
  will-change: transform;
  transition: transform .45s ease;
  padding-bottom: 6px;
}

/* item: responsivo (1 / 2 / 3 visibles) */
.news-item{
  flex: 0 0 100%;
}

@media (min-width: 768px){
  .news-item{ flex-basis: calc((100% - 24px) / 2); } /* 2 visibles */
}
@media (min-width: 1200px){
  .news-item{ flex-basis: calc((100% - 48px) / 3); } /* 3 visibles */
}

/* Flechas (reusa tu estilo oscuro/dorado) */
.seccion-nav{
  display: inline-flex;
  gap: 10px;
}

.seccion-arrow{
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: none;
  background: var(--nav-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .15s ease, background-color .2s ease, opacity .2s ease;
  opacity: 1;
}

.seccion-arrow:hover{
  transform: translateY(-1px);
  background: var(--fca-dorado);
}

.seccion-arrow span{
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Ícono blanco (solo flecha) */
.seccion-arrow[data-slider-prev] span{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.seccion-arrow[data-slider-next] span{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
}

/* Ajuste móvil: menos padding lateral */
@media (max-width: 576px){
  #secciones .container-fluid{ padding-left: 16px !important; padding-right: 16px !important; }
  .news-track{ gap: 16px; }
}

/* ================= SECCIONES: UN SOLO SLIDER TIPO COLA ================= */
.news-slider{ position: relative; }
.news-viewport{ overflow: hidden; }

.news-track{
  display:flex;
  gap:24px;
  will-change: transform;
  transition: transform .45s ease;
  padding-bottom: 6px;
}

.news-item{ flex: 0 0 100%; }

@media (min-width: 768px){
  .news-item{ flex-basis: calc((100% - 24px) / 2); } /* 2 visibles */
}
@media (min-width: 1200px){
  .news-item{ flex-basis: calc((100% - 48px) / 3); } /* 3 visibles */
}

/* Flechas */
.seccion-nav{ display:inline-flex; gap:10px; }

.seccion-arrow{
  width:46px; height:46px;
  border-radius:999px;
  border:none;
  background: var(--nav-dark);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease, background-color .2s ease;
}

.seccion-arrow:hover{
  transform: translateY(-1px);
  background: var(--fca-dorado);
}

.seccion-arrow span{
  width:20px; height:20px;
  display:block;
  background-size: contain;
  background-repeat:no-repeat;
  background-position:center;
}

.seccion-arrow[data-slider-prev] span{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.seccion-arrow[data-slider-next] span{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
}

/* Móvil: menos padding */
@media (max-width: 576px){
  #secciones .container-fluid{ padding-left:16px !important; padding-right:16px !important; }
  .news-track{ gap:16px; }
}

/* Líneas doradas solo al hacer clic (cuando el link tiene la clase active) */
.nav-ink .nav-link::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: .35rem;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--fca-dorado), #ffd58c);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}

/* Aparece la línea solo cuando el link tiene 'active' (después de clic) */
.nav-ink .nav-link::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: .35rem;
  height: 3px;
  border-radius: 3px;
  background: transparent; /* Sin barra por defecto */
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}

.nav-ink .nav-link.active::after {
  background: linear-gradient(90deg, var(--fca-dorado), #ffd58c); /* Barra dorada solo cuando activo */
  transform: scaleX(1);
}

.card-img-top {
  height: 220px; /* Ajusta esta altura según lo que necesites */
  object-fit: cover; /* Mantiene la proporción de la imagen, recortando si es necesario */
  width: 100%; /* Asegura que la imagen ocupe todo el ancho del contenedor */
}

.image-container {
  height: 220px; /* Ajusta esta altura según lo que necesites */
  overflow: hidden; /* Oculta cualquier parte de la imagen que se salga */
}

.card-img-top {
  width: 100%; /* Asegura que la imagen ocupe todo el ancho del contenedor */
  height: 100%; /* Asegura que la imagen ocupe toda la altura del contenedor */
  object-fit: cover; /* Asegura que la imagen cubra el área sin distorsionarse */
}

/* Ajusta la altura de las imágenes */
.image-container {
  height: 220px; /* Ajusta la altura según tus necesidades */
  overflow: hidden;
}

/* Asegura que las imágenes se ajusten al contenedor */
.card-img-top {
  width: 100%; /* Asegura que la imagen ocupe todo el ancho */
  height: 100%; /* Asegura que la imagen ocupe toda la altura */
  object-fit: cover; /* Mantiene la proporción de la imagen, recortando si es necesario */
}

.dorado{
  color: #C0985A;
}