/* Core layout and Goodnight-like minimal style */
html,body{margin:0;padding:0}
body{background:var(--color-primary);color:var(--color-secondary);font-family:var(--font-body);}
.mode-dark body, body.mode-dark{background:#000;color:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Header & hero */
.bn-hero{position:relative;overflow:hidden;height:60vh}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.4));display:flex;align-items:flex-start;justify-content:center}
.hero-top{display:flex;width:100%;max-width:1200px;padding:24px;align-items:center;justify-content:space-between}
.logo{height:40px;width:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.main-nav a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.toggle-mode{background:var(--color-accent);color:#fff;border:0;padding:10px 14px;border-radius:4px;cursor:pointer;font-weight:700}

.hero-title-wrap{display:flex;align-items:center;justify-content:center;padding:64px 0}
.hero-title{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:clamp(28px,6vw,72px)}

/* About */
.section-about{background:var(--color-neutral);color:#000;padding:64px 0}
.about-text{font-size:20px;line-height:1.6}

/* Grid eventos */
.section-eventos{padding:64px 0}
.section-title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px}
.evento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));gap:2rem}
.evento-card{background:#0f0f0f;border:1px solid #222;transition:transform .3s ease}
.evento-card:hover{transform:translateY(-6px)}
.evento-link{color:inherit;text-decoration:none;display:block}
.evento-thumb img{display:block;width:100%;height:320px;object-fit:cover}
.evento-meta{padding:16px}
.evento-fecha{font-size:32px;font-weight:900;font-family:var(--font-display)}
.evento-title{margin:.2em 0 0;font-size:20px}
.tag{font-size:12px;border:1px solid #333;padding:4px 8px;margin-right:6px}
.tag.accent{border-color:var(--color-accent);color:var(--color-accent)}

/* Values */
.section-values{padding:64px 0;background:#0a0a0a}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.value-item{border:1px solid #222;padding:24px}
.value-number{color:var(--color-accent);font-weight:900;font-size:28px;font-family:var(--font-display)}
.value-title{margin-top:8px;text-transform:uppercase;letter-spacing:.05em}

/* Testimonios */
.section-testimonios{padding:64px 0}
.testimonio-slide{background:#0f0f0f;border:1px solid #222;padding:24px}
.testimonio-top{display:flex;justify-content:space-between}
.test-tag{font-weight:700}
.test-client{font-family:var(--font-display);font-weight:900}
.test-quote{font-size:20px;line-height:1.6;margin-top:10px}

/* CTA */
.section-cta{padding:72px 0;background:#0d0d0d}
.cta-box{border:1px solid #222;padding:32px;text-align:center}
.cta-button{display:inline-block;margin-top:12px;background:var(--color-accent);color:#fff;padding:12px 16px;text-decoration:none;font-weight:800;text-transform:uppercase}

/* Footer */
.bn-footer{padding:48px 0;background:#000}
.footer-content{display:flex;justify-content:space-between;align-items:center}
.copy{opacity:.6;margin-top:12px}

/* Single evento */
.single-evento .evento-header{padding:32px 0}
.single-evento .evento-highlight{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;border-top:1px solid #222;border-bottom:1px solid #222;padding:16px 0}
.single-evento .evento-descripcion{padding:24px 0;font-size:18px;line-height:1.8}
.evento-galeria{margin:16px 0}
.evento-cita blockquote{font-size:24px;border-left:4px solid var(--color-accent);padding-left:12px}

/* Contacto */
.contact-form{display:grid;gap:12px;max-width:520px;margin:0 auto}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #ddd}
.notice.success{color:#0a0;background:#cfd;display:inline-block;padding:8px 12px}