:root{--blue:#004aad;--yellow:#f4d20a;--pink:#ff4f9a;--dark:#061a3a;--white:#fff;--glass:rgba(255,255,255,.88)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(rgba(0,74,173,.55),rgba(0,20,60,.65)),url('../img/ndv.jpg') center/cover fixed;color:var(--white)}a{color:inherit}.wrap{width:min(1120px,92%);margin:auto}.hero{padding:28px 0 20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{height:135px;max-width:50vw;object-fit:contain}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a,.btn{background:var(--yellow);color:var(--blue);font-weight:900;text-decoration:none;border-radius:999px;padding:12px 18px;display:inline-block;border:0;cursor:pointer}.hero-card{margin-top:24px;background:rgba(0,74,173,.86);border:4px solid var(--yellow);border-radius:28px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.hero h1{font-size:clamp(38px,7vw,86px);line-height:.95;margin:0;color:var(--yellow);text-transform:uppercase}.hero p{font-size:clamp(18px,2.3vw,27px);max-width:760px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin:22px 0}.card{grid-column:span 12;background:var(--glass);color:var(--dark);border-radius:24px;padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.22)}@media(min-width:800px){.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-6{grid-column:span 6}}h2{color:var(--blue);font-size:clamp(26px,3vw,42px);margin:0 0 14px}.timeline{display:grid;gap:12px}.time-item{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:start;background:#fff;border-left:8px solid var(--yellow);border-radius:16px;padding:14px}.hour{font-weight:900;color:var(--pink);font-size:24px}.title{font-weight:900;color:var(--blue);font-size:20px}.muted{opacity:.75}.poster{width:100%;border-radius:22px}.form-row{display:grid;gap:12px;margin-bottom:12px}@media(min-width:700px){.form-row{grid-template-columns:1fr 1fr}}label{font-weight:800;color:var(--blue)}input,select,textarea{width:100%;padding:13px;border-radius:12px;border:2px solid #d9e2f2;font-size:16px;margin-top:5px}textarea{min-height:100px}.spot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.spot{border-radius:12px;padding:10px;text-align:center;font-weight:900}.available{background:#d7ffd9}.reserved{background:#ffe0ad}.blocked{background:#ffd0d0}.footer{text-align:center;padding:28px;margin-top:25px;background:rgba(0,0,0,.55)}.youtube{aspect-ratio:16/9;width:100%;border:0;border-radius:18px}.alert{background:#fff3cd;color:#5f4300;border-radius:16px;padding:14px;margin:12px 0}.success{background:#d7ffd9;color:#064b10}.error{background:#ffd0d0;color:#6b0000}
.spot-counters{background:#fff;border:2px solid #d9e2f2;border-radius:16px;padding:12px;color:var(--blue)}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.admin-stats div{background:#fff;border-radius:16px;padding:16px;text-align:center}.admin-stats strong{display:block;font-size:34px;color:var(--blue)}.admin-stats span{font-weight:900;color:var(--dark)}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #e6edf7;vertical-align:top;text-align:left}.admin-table th{background:var(--blue);color:#fff}.actions form{display:flex;gap:6px;flex-wrap:wrap}.actions button{border:0;border-radius:999px;padding:8px 10px;font-weight:800;cursor:pointer;background:var(--yellow);color:var(--blue)}
.brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
}

.nav a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 800;
    padding: 0.6rem 0.9rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    transition: 0.2s ease;
}

.nav a:hover,
.nav a:focus {
    background: #f1cd13;
    color: #004aad;
}

@media (max-width: 720px) {
    .topbar {
        flex-direction: column;
        gap: 1rem;
    }

    .nav {
        width: 100%;
    }

    .nav a {
        flex: 1 1 auto;
        text-align: center;
    }
}
.video-responsive {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin: 2rem auto; 
    aspect-ratio: 16 / 9;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
    background: #000;
}

.video-responsive iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hero-card {
    text-align: center;
    max-width: 700px;
    margin: 0 auto; 
}
.hero-card h1 {
    margin-bottom: 1rem;
}

.hero-card p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}