/* Cierre + footer (home v5) · propuesta A: foto a sangre que se funde con el footer */
:root { --cf-oscuro: #1A130D; --cf-oscuro-2: #241A13; --cf-dorado: #F0C38A; }

/* ---------- Bloque continuo cierre + footer ---------- */
.cf { position: relative; z-index: 1; overflow: hidden; border-radius: 28px 28px 0 0; background: radial-gradient(120% 60% at 85% 0%, #2C2017 0%, var(--cf-oscuro) 60%); color: var(--blanco); }
.cf .pf { margin: 0; padding-top: 0; border-radius: 0; background: none; }
/* filete fino que separa el cierre del footer: el footer se sigue leyendo como footer */
.cf .pf::before { content: ""; display: block; width: min(var(--contenedor), calc(100% - var(--pad-x) * 2)); height: 1px; margin: 0 auto 72px; background: rgba(240, 195, 138, .18); }

/* ---------- Piezas comunes del cierre ---------- */
.cf__titulo { font-family: var(--serif); font-size: clamp(3rem, 7.2vw, 7rem); font-weight: 400; line-height: .98; letter-spacing: -0.045em; color: var(--blanco); }
.cf__titulo em { font-style: normal; color: var(--cf-dorado); }
.cf__linea { max-width: 34ch; font-size: 17px; line-height: 1.5; color: rgba(255, 255, 255, .72); }
.cf__boton { height: 54px; padding: 0 26px 0 22px; font-size: 15px; }
.cf__boton .boton__icono { transition: transform .3s var(--curva); }
.cf__boton:hover .boton__icono { transform: translateX(3px); }


/* =========================================================
   A · Foto a sangre que se funde con el footer
   ========================================================= */
.cf-a { background: var(--cf-oscuro); }
.cf-a__cierre { position: relative; display: flex; align-items: flex-end; min-height: min(720px, 86vh); padding-bottom: 80px; }
.cf-a__foto { position: absolute; inset: 0; overflow: hidden; }
.cf-a__foto img { width: 100%; height: 100%; object-fit: cover; object-position: center 72%; animation: cf-a-zoom 26s ease-in-out infinite alternate; }
@keyframes cf-a-zoom { from { transform: scale(1); } to { transform: scale(1.05); } }
.cf-a__foto::after { content: ""; position: absolute; inset: 0; background:
  linear-gradient(180deg, rgba(26, 19, 13, .15) 0%, rgba(26, 19, 13, .1) 30%, rgba(26, 19, 13, .7) 66%, rgba(26, 19, 13, .94) 86%, var(--cf-oscuro) 100%),
  linear-gradient(90deg, rgba(26, 19, 13, .55) 0%, rgba(26, 19, 13, .15) 45%, rgba(26, 19, 13, 0) 65%); }
.cf-a__texto { position: relative; z-index: 1; display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 48px; }
.cf-a__accion { display: grid; justify-items: start; gap: 24px; padding-bottom: 10px; }


@media (max-width: 899px) {
  .cf { border-radius: 22px 22px 0 0; }
  .cf .pf { padding-top: 0; }
  .cf .pf::before { margin-bottom: 56px; }
  .cf__titulo { font-size: clamp(2.9rem, 13.5vw, 4.4rem); line-height: 1; }
  .cf__linea { font-size: 16px; }
  .cf__boton { width: 100%; }
  .cf-a__cierre { display: block; min-height: 0; padding-bottom: 56px; }
  .cf-a__foto { position: relative; inset: auto; height: 420px; }
  .cf-a__foto img { object-position: 62% 60%; }
  .cf-a__foto::after { background: linear-gradient(180deg, rgba(26, 19, 13, 0) 30%, rgba(26, 19, 13, .7) 70%, var(--cf-oscuro) 100%); }
  .cf-a__texto { display: block; margin-top: -150px; }
  .cf-a__accion { gap: 22px; margin-top: 18px; padding-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) { .cf-a__foto img { animation: none; } }