/* Página /boca-chica/ (la genera noticias/build.mjs con noticias/boca-chica.mjs). Usa las variables de la portada. */
.bc-hero{position:relative;color:#fff;padding:150px 0 64px;overflow:hidden;background:#0b3d26}
.bc-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc-hero-sombra{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,40,26,.55) 0%,rgba(8,40,26,.72) 55%,rgba(8,40,26,.92) 100%)}
.bc-hero .contenedor{position:relative;z-index:1;max-width:1000px}
.bc-hero .etiqueta{background:rgba(255,255,255,.14);color:var(--dorado)}
.bc-hero h1{color:#fff;font-size:clamp(2.1rem,5.2vw,3.4rem);max-width:20ch;margin:10px 0 14px}
.bc-hero h1 em{font-style:normal;color:var(--dorado)}
.bc-lede{color:#e3efe8;font-size:1.12rem;max-width:58ch;margin-bottom:24px}
.bc-meta{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:10px;margin-bottom:24px}
.bc-meta div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:10px 14px;backdrop-filter:blur(4px)}
.bc-meta span{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#bcd6c7}
.bc-meta b{font-size:.98rem}
.bc-acciones{display:flex;flex-wrap:wrap;gap:12px}
.bc-btn-linea{background:transparent;border:2px solid rgba(255,255,255,.6)}
.bc-cuenta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:26px}
.bc-cuenta div{background:rgba(0,0,0,.25);border-radius:10px;padding:8px 12px;min-width:66px;text-align:center}
.bc-cuenta b{display:block;font-size:1.6rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.bc-cuenta small{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#bcd6c7}
.bc-cuenta-txt{color:#bcd6c7;font-size:.88rem;margin-left:4px}
@media (max-width:760px){
  .bc-hero{padding:120px 0 48px}
  .bc-meta{grid-template-columns:1fr 1fr}
}

.bc-seccion{padding:72px 0}
.bc-titulo{font-size:clamp(1.7rem,3.6vw,2.4rem);margin:8px 0 10px}
.bc-sub{color:var(--gris);max-width:64ch;margin-bottom:30px}
.bc-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:980px){.bc-grid4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.bc-grid4{grid-template-columns:1fr}}
.bc-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:var(--sombra)}
.bc-ico{font-size:1.7rem}
.bc-item h3{font-size:1.15rem;margin:8px 0 6px}
.bc-item p{color:var(--gris);font-size:.95rem}

/* Vistana */
.bc-cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
@media (max-width:760px){.bc-cifras{grid-template-columns:1fr 1fr}}
.bc-cifras div{background:#fff;border-radius:14px;padding:18px;border-top:4px solid var(--dorado);box-shadow:var(--sombra)}
.bc-cifras b{display:block;font-family:'Playfair Display',serif;color:var(--verde-oscuro);font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.15}
.bc-cifras span{color:var(--gris);font-size:.9rem}
.bc-galeria{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:auto;gap:12px;margin-bottom:26px}
.bc-galeria figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#e5e7eb}
.bc-galeria img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}
.bc-galeria .bc-g-grande{grid-row:span 2}
.bc-galeria figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 8px;font-size:.8rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65))}
@media (max-width:760px){.bc-galeria{grid-template-columns:1fr 1fr}.bc-galeria .bc-g-grande{grid-column:1/-1;grid-row:auto}}
.bc-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:760px){.bc-dos{grid-template-columns:1fr}}
.bc-tarjeta{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--sombra)}
.bc-tarjeta h3{font-size:1.25rem;margin-bottom:8px}
.bc-tarjeta p{color:var(--gris)}
.bc-pago{list-style:none;display:grid;gap:8px;color:var(--gris)}
.bc-pago b{color:var(--verde-oscuro);display:inline-block;min-width:64px}
.bc-nota{font-size:.84rem;color:var(--gris);margin-top:20px;max-width:90ch}

/* Obras */
.bc-obras{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:760px){.bc-obras{grid-template-columns:1fr}}
.bc-obra{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px}
.bc-obra h3{font-family:'Inter',sans-serif;font-size:1rem;font-weight:700;color:var(--texto);margin:8px 0 2px}
.bc-obra p{color:var(--gris);font-size:.9rem}
.bc-estado{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.bc-e-obra{background:#d1fae5;color:#065f46}
.bc-e-entregado{background:#e0ecff;color:#1e3a8a}
.bc-e-anunciado{background:#f3f4f6;color:#4b5563}

/* Serie */
.bc-serie{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.bc-serie{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.bc-serie{grid-template-columns:1fr}}
.bc-art{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.bc-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bc-art div{padding:14px 16px 18px}
.bc-fecha{font-size:.8rem;color:var(--gris);margin-bottom:4px}
.bc-art h3{font-size:1.02rem;line-height:1.35}
.bc-art h3 a{color:var(--verde-oscuro);text-decoration:none}
.bc-art h3 a:hover{text-decoration:underline}

/* Reserva */
.bc-reserva{background:linear-gradient(135deg,#0f5132 0%,#146644 55%,#0b3d26 100%)}
.bc-reserva-caja{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
@media (max-width:860px){.bc-reserva-caja{grid-template-columns:1fr}}
.bc-reserva-txt{color:#e3efe8}
.bc-reserva-txt .etiqueta{background:rgba(255,255,255,.14);color:var(--dorado)}
.bc-reserva-txt h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.5rem);margin:8px 0 10px}
.bc-reserva-txt ul{margin-top:16px;padding-left:20px;display:grid;gap:6px}
.bc-form,.bc-ok{background:#fff;border-radius:18px;padding:26px;box-shadow:0 20px 40px rgba(0,0,0,.18)}
.bc-campos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
@media (max-width:560px){.bc-campos{grid-template-columns:1fr}}
.bc-completo{grid-column:1/-1}
.bc-form label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px}
.bc-form label small{font-weight:400;color:var(--gris)}
.bc-form input[type=text],.bc-form input[type=tel],.bc-form input[type=email],.bc-form select{width:100%;font:1rem 'Inter',sans-serif;padding:12px 14px;border:1.5px solid #d1d5db;border-radius:10px;background:#fff;color:var(--texto)}
.bc-form input:focus,.bc-form select:focus{outline:3px solid rgba(5,150,105,.3);border-color:var(--verde)}
.bc-form .trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.bc-enviar{width:100%;font-size:1.05rem;padding:14px}
.bc-enviar[disabled]{opacity:.6;cursor:wait}
.bc-estado{min-height:22px;margin-top:10px;font-size:.92rem;color:#b42318}
.bc-ok{text-align:center}
.bc-check{width:64px;height:64px;border-radius:50%;background:var(--verde-claro);color:var(--verde-oscuro);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.bc-ok h3{font-size:1.6rem;margin-bottom:8px}
.bc-ok p{color:var(--gris);margin-bottom:18px}

/* Preguntas */
.bc-faq .contenedor{max-width:860px}
.bc-faq details{border-bottom:1px solid #e5e7eb;padding:16px 0}
.bc-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.bc-faq summary::-webkit-details-marker{display:none}
.bc-faq summary::after{content:"+";color:var(--verde);font-size:1.4rem;line-height:1}
.bc-faq details[open] summary::after{content:"–"}
.bc-faq details p{color:var(--gris);margin-top:8px}

/* Después del evento */
.bc-caja-fin{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:var(--sombra);padding:32px;max-width:760px;margin:0 auto;text-align:center}
.bc-caja-fin h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:10px}
.bc-caja-fin p{color:var(--gris);margin-bottom:20px}
body.bc-pasado .solo-antes{display:none!important}