/* ==========================================================================
   BAHÍA DUNAS · Etapas sobre el diseño remasterizado (bd-secciones.css)
   Piezas que el sitio del equipo no traía: el bloque «Lotes en Cierre de
   etapa» con su nota de la Etapa 3.
   Usa las variables y componentes de bd-secciones.css (.ficha, .sello…).
   ========================================================================== */

/* Lotes en Cierre de etapa: texto a la izquierda y la ficha a la derecha */
.cierre-etapa{ background: linear-gradient(180deg, var(--papel), #fbf1e6); }
.cierre-etapa__rejilla{
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(1.6rem, 4vw, 3.5rem); align-items: center;
}
/* Lo que sí incluye, dicho de forma discreta */
.cierre-etapa__nota{
  margin: 0 0 1.6rem; padding: .55rem .95rem; max-width: 46ch;
  font-size: .95rem; line-height: 1.5; color: var(--tinta-suave);
  border-left: 3px solid var(--turquesa); background: rgba(255,255,255,.55); border-radius: 0 10px 10px 0;
}
.cierre-etapa .ficha .micro{ margin: 1rem 0 0; }

/* La Etapa 3 como anuncio aparte, separado por un divisor */
.cierre-etapa__divisor{ margin: clamp(2.4rem, 5vw, 3.4rem) 0 1.8rem; border: 0; border-top: 1px solid var(--linea); }
.cierre-etapa__etapa3{
  display: grid; gap: .45rem; max-width: 46rem; padding: 1.2rem 1.4rem;
  border: 1px dashed rgba(74,43,32,.28); border-radius: 18px; background: rgba(255,250,244,.75);
}
.cierre-etapa__etapa3 h3{
  display: flex; align-items: center; gap: .7rem; margin: 0;
  font-family: var(--display); font-weight: 400; font-size: 1.45rem; color: var(--tinta);
}
.cierre-etapa__etapa3 .sello{ font-size: .62rem; color: #E07A55; background: rgba(156,155,155,.18); box-shadow: none; }
.cierre-etapa__etapa3 p{ margin: 0; color: var(--tinta-suave); }
.cierre-etapa__etapa3 a{
  justify-self: start; display: inline-flex; align-items: center; gap: .4rem;
  font-weight: 600; font-size: .92rem; color: var(--coral-oscuro); text-decoration: none;
}
.cierre-etapa__etapa3 a .ico{ width: 16px; height: 16px; }

@media (max-width: 860px){
  .cierre-etapa__rejilla{ grid-template-columns: minmax(0, 1fr); }
}