:root{--bg:#0E0F10;--card:#1E1F22;--text:#ECECEC;--muted:#B9B9B9;--accent:#10A37F;--accent-2:#0b7e61;--border:#2A2C2F;}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{background:#111214;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar .brand img{display:block}.nav a{margin:0 10px;padding:8px 10px;border-radius:10px}.nav a:hover{background:var(--card)}
.flex{display:flex}.center{align-items:center}.between{justify-content:space-between}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin:12px 0}.card h2{margin:0 0 8px;font-size:20px}.card p{color:var(--muted);margin:0 0 12px}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;background:var(--accent);color:#031d16;font-weight:700;border:1px solid var(--accent-2)}.btn:hover{background:var(--accent-2);color:#fff}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{border-color:var(--accent);color:var(--accent)}
.input,select,textarea{background:#151619;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;width:100%}.label{display:block;font-weight:600;margin:8px 0 6px}
.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}
.site-footer{border-top:1px solid var(--border);padding:16px 0;color:var(--muted)}.small{font-size:12px;color:var(--muted)}.server-actions .btn{margin-right:8px}.badge{display:inline-block;padding:4px 8px;border-radius:8px;background:#101113;border:1px solid var(--border);font-size:12px;color:var(--muted)}
/* Video responsivo 16:9 dentro de las tarjetas */
.video-embed{position:relative;width:100%;padding-bottom:56.25%;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* Opcional: más aire entre tarjetas en grilla */
.grid.cols-2 > .card{margin:0}

/* GRID BASE */
.grid {
    display: grid;
    gap: 20px;
}

/* 2 COLUMNAS */
.grid.cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

/* RESPONSIVE → 1 COLUMNA */
@media (max-width: 800px) {
    .grid.cols-2 {
        grid-template-columns: 1fr;
    }
}
.footer-bar {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ccc;
    padding: 10px 0;
    background-color: #0c0c0c; /* mismo tono que el body */
    border-top: 1px solid #222;
    letter-spacing: 0.3px;
}
.footer-bar strong {
    color: #00ffae; /* verde neón o el color que uses en los botones */
    font-weight: 600;
}