/* Blas – páginas SEO de eventos (recibidas, cumpleaños, after office, terraza) */
body.seo header {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 0 clamp(1rem, 4vw, 2.5rem); height: var(--header-h);
}
body.seo header .logo-link img { height: 38px; }
body.seo header .nav-cta { font-size: .85rem; }
@media (max-width: 480px) { body.seo header .nav-cta { padding: .5rem .8rem; font-size: .78rem; } }

body.seo main { max-width: 860px; margin: 0 auto; padding: 2.5rem 1.25rem 5rem; }
.breadcrumb { font-size: .85rem; color: var(--text-muted); margin-bottom: 2rem; }
.breadcrumb a { color: var(--amber); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

body.seo h1 {
  font-family: var(--font-display); font-weight: 800; letter-spacing: -.035em; color: var(--cream);
  font-size: clamp(2.1rem, 5.4vw, 3.4rem); line-height: 1.1; margin-bottom: 1.2rem;
}
body.seo h1 span { color: var(--amber); }
.lead { font-size: 1.15rem; color: var(--text-muted); margin-bottom: 2rem; max-width: 640px; }
body.seo h2 {
  font-family: var(--font-display); font-weight: 800; letter-spacing: -.02em; font-size: clamp(1.5rem, 3.2vw, 2rem);
  line-height: 1.2; margin: 3rem 0 1rem; color: var(--cream);
}
body.seo main p { margin-bottom: 1rem; color: var(--text-muted); }
body.seo main p strong { color: var(--text); font-weight: 600; }
body.seo main p a { color: var(--amber); }

.espacios-grid, .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.espacio-card, .feature-card {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.4rem;
  transition: transform .4s var(--ease), border-color .3s;
}
.espacio-card:hover, .feature-card:hover { transform: translateY(-4px); border-color: rgba(212, 168, 83, .45); }
.espacio-card h3, .feature-card h3 { font-family: var(--font-display); font-weight: 800; letter-spacing: -.02em; font-size: 1.2rem; color: var(--cream); margin-bottom: .45rem; }
.espacio-card p, .feature-card p { font-size: .9rem; margin: 0; }

/* Botón de WhatsApp (mismo look que .btn .btn-wa de la landing) */
.btn-wa {
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: .9rem 1.8rem; border-radius: 999px;
  background: var(--wa); color: #07240f; font-weight: 700; font-size: 1rem; text-decoration: none;
  box-shadow: 0 10px 30px -10px rgba(37, 211, 102, .55); transition: transform .25s var(--ease), background .2s;
}
.btn-wa:hover { background: var(--wa-hover); transform: translateY(-2px); }

.cta-box {
  border-radius: var(--radius-lg); border: 1px solid rgba(212, 168, 83, .28); padding: clamp(1.8rem, 5vw, 2.8rem); text-align: center; margin: 3rem 0;
  background: radial-gradient(120% 140% at 50% 0%, rgba(212, 168, 83, .14), transparent 60%), var(--card);
}
.cta-box p { color: var(--text) !important; font-size: 1.1rem; margin-bottom: 1.4rem !important; }
.cta-inline {
  background: var(--card); border: 1px solid rgba(212, 168, 83, .22); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2rem;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
}
.cta-inline p { margin: 0 !important; font-size: .98rem; color: var(--text) !important; }

.faq-list { margin-top: 1rem; }
.faq-item { padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.faq-item strong { display: block; color: var(--cream); font-size: 1.05rem; margin-bottom: .4rem; }
.faq-item p { margin: 0 !important; }

body.seo footer { text-align: center; padding: 2.5rem 1.25rem; line-height: 1.9; }