/* Añadidos de la landing de St Clare's (21 nov) sobre estilos.css (copiado de la del webinar del 7) */
.hero-foto .envoltorio { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; }
.hero-imagen { margin: 0; position: relative; }
.hero-imagen img { width: 100%; height: 440px; object-fit: cover; object-position: 52% 40%; border-radius: 18px; display: block; box-shadow: 0 18px 40px rgba(0, 0, 0, .3); }
.hero-imagen figcaption { position: absolute; left: 14px; bottom: 14px; background: var(--amarillo); color: var(--azul); font: 800 16px/1 "Barlow Condensed", sans-serif; text-transform: uppercase; letter-spacing: .5px; padding: 7px 12px 5px; border-radius: 8px; }

.datos-stc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; }
.dato { background: #fff; border: 1px solid var(--borde); border-radius: 16px; padding: 20px; text-align: center; }
.dato strong { display: block; font: 800 46px/1 "Barlow Condensed", sans-serif; color: var(--azul); }
.dato span { display: block; margin-top: 8px; font-size: 15px; color: var(--suave); }

.galeria { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.galeria img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; display: block; }

.nota-centro { text-align: center; margin-top: 18px; font-size: 17px; }

.donde { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
.opcion { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .2); border-radius: 16px; padding: 22px; }
.opcion h3 { margin: 6px 0; font: 800 28px/1 "Barlow Condensed", sans-serif; color: var(--amarillo); text-transform: uppercase; }
.opcion p { margin: 6px 0 10px; }
.icono-grande { font-size: 34px; }
.enlace-mapa { color: #fff; font-weight: 700; }
.grande-oscuro { font-size: 20px; line-height: 1.5; margin: 6px 0 0; }

@media (max-width: 860px) {
  .hero-foto .envoltorio { grid-template-columns: 1fr; gap: 22px; }
  .hero-imagen { order: -1; }
  .hero-imagen img { height: 230px; }
  .datos-stc, .donde { grid-template-columns: 1fr; }
  .galeria { grid-template-columns: 1fr 1fr; }
  .galeria img { height: 140px; }
}

/* destacar que la presentación es en castellano */
.chips li.chip-destacado { background: var(--amarillo); color: var(--azul); border-color: var(--amarillo); font-weight: 700; }
.chips li.chip-destacado::before { display: none; }