:root{--green:#166534;--bg:#f8fafc;--text:#1f2937}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
.brand{display:flex;gap:10px;align-items:center}
.brand img{height:44px;width:44px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 2px rgba(22,101,52,.1)}
.brand h1{font-size:18px;margin:0;color:var(--green)}
.nav a{margin:0 10px;color:#374151;text-decoration:none}
.nav a:hover{color:var(--green)}
.hero{height:70vh;display:flex;align-items:center;justify-content:center;background:url('https://upload.wikimedia.org/wikipedia/commons/4/4a/Palacio_de_Cortes%2C_Cuernavaca.jpg') center/cover}
.hero .panel{background:rgba(0,0,0,.5);padding:40px;border-radius:20px;text-align:center;color:#fff;max-width:800px}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid #d1d5db;background:var(--green);color:#fff;text-decoration:none}
.btn.outline{background:#fff;border-color:#e5e7eb;color:#111827}
.grid{display:grid;gap:16px}
.grid-5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1024px){.grid-5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.grid-5{grid-template-columns:repeat(1,1fr)}}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}
.card .content{padding:16px}
.section{padding:50px 20px}
.section-title{font-size:24px;color:var(--green);text-align:center;margin:0 0 20px}
.footer{background:var(--green);color:#fff;text-align:center;padding:24px}
.badge{display:inline-block;font-size:10px;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:999px}
.kv{font-weight:600;color:#065f46}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.calendar-cell{aspect-ratio:1/1;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:8px;text-align:left;position:relative}
.calendar-cell.muted{background:#f3f4f6;color:#9ca3af}
.calendar-cell .dots{position:absolute;bottom:8px;left:8px;display:flex;gap:4px}
.calendar-cell .dot{width:6px;height:6px;border-radius:50%;background:#166534}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table td{background:#fff;border:1px solid #e5e7eb;padding:12px;border-radius:12px}
input,textarea{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:12px}
label{font-size:14px;color:#4b5563}
.small{font-size:13px;color:#6b7280}