:root {
    --bg-principal: #0b0f19;
    --bg-tarjeta: #121826;
    --azul-premium: #38bdf8;
    --borde-sutil: #1f293d;
    --texto-principal: #f8fafc;
    --texto-mutado: #94a3b8;
}
body { background-color: #0b0f19; color: #f8fafc; font-family: system-ui, sans-serif; margin: 0; padding: 0; }
.bunker-layout { display: flex; min-height: 100vh; }
.sidebar-fijo { width: 260px; background: #121826; border-right: 1px solid #1f293d; padding: 25px; box-sizing: border-box; }
.panel-derecho { flex: 1; padding: 35px; box-sizing: border-box; }
.menu-link { display: block; padding: 12px 15px; color: #f8fafc; text-decoration: none; font-weight: bold; font-size: 13px; border-radius: 6px; margin-bottom: 8px; }
.menu-link:hover { background: #1e293b; color: #38bdf8; }
.post-card-blogger { background: #121826; border: 1px solid #1f293d; border-radius: 12px; padding: 25px; margin-bottom: 25px; box-sizing: border-box; width: 100%; }
.layout-dos-columnas { width: 100%; display: block; box-sizing: border-box; }
.columna-manuales { width: 48%; float: left; box-sizing: border-box; }
.columna-lateral { width: 50%; float: right; box-sizing: border-box; }
input[type="text"], input[type="password"], select, textarea { width: 100%; padding: 10px 12px; border: 1px solid #1f293d; border-radius: 6px; box-sizing: border-box; background: #0b0f19; color: #fff; font-size: 14px; }
.btn-premium { display: inline-block; padding: 12px 24px; background: #38bdf8; color: #000; font-weight: bold; font-size: 13px; border-radius: 8px; cursor: pointer; text-transform: uppercase; border: none; width: 100%; text-align: center; text-decoration: none; }
@media(max-width:768px) {
    .columna-manuales, .columna-lateral { width: 100% !important; float: none !important; }
    .bunker-layout { flex-direction: column; }
}