*{box-sizing:border-box}:root{--bg: #0f1115;--surface: #1a1d24;--surface-2: #23272f;--border: #2e333d;--text: #f2f3f5;--text-dim: #9aa0ab;--accent: #6d5efc;--accent-dim: #3f3a7a;--success: #22c55e;--success-bg: #123a22;--warning: #eab308;--warning-bg: #3a3212;--danger: #ef4444;--danger-bg: #3a1414;--info: #38bdf8;--info-bg: #0f2e3a;--gris: #4b5563;--gris-bg: #23272f;--radius: 16px;--radius-sm: 10px}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:1rem}a{color:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px 16px calc(90px + env(safe-area-inset-bottom))}.page-wide{max-width:1100px}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.top-bar h1{font-size:1.05rem;margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-bar .btn{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 20px;border-radius:var(--radius-sm);border:none;font-size:1rem;font-weight:600;cursor:pointer;width:100%;background:var(--surface-2);color:var(--text);transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--success);color:#06210f}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border)}.btn-sm{min-height:40px;padding:8px 14px;font-size:.9rem;width:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--text-dim)}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);min-height:48px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.badge-gris{background:var(--gris-bg);color:#b3b9c4}.badge-amarillo{background:var(--warning-bg);color:var(--warning)}.badge-verde{background:var(--success-bg);color:var(--success)}.badge-rojo{background:var(--danger-bg);color:var(--danger)}.badge-azul{background:var(--info-bg);color:var(--info)}.month-calendar{margin-bottom:16px}.month-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.month-calendar-header strong{font-size:1.05rem}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.month-grid-labels{margin-bottom:6px}.month-grid-label{text-align:center;font-size:.72rem;color:var(--text-dim);font-weight:600}.month-day{min-height:92px;display:flex;flex-direction:column;gap:3px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:4px}.month-day.is-drop-target{border-color:var(--accent);background:var(--accent-dim)}.month-day-empty{border:none;background:transparent}.month-day-number{font-size:.8rem;font-weight:600;color:var(--text-dim);padding:2px 4px}.month-day-add{border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--text-dim);font-size:.75rem;padding:4px;cursor:pointer;margin-top:auto}.post-pill{display:flex;align-items:center;gap:4px;background:var(--surface-2);border-radius:8px;padding:3px 6px;font-size:.68rem;cursor:grab;border-left:3px solid var(--gris);line-height:1.2;overflow:hidden}.post-pill.dragging{opacity:.4}.post-pill-titulo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.post-pill.estado-BORRADOR{border-left-color:var(--gris)}.post-pill.estado-PENDIENTE_APROBACION{border-left-color:var(--warning)}.post-pill.estado-PROGRAMADA{border-left-color:var(--info)}.post-pill.estado-PUBLICANDOSE{border-left-color:var(--warning)}.post-pill.estado-PUBLICADA{border-left-color:var(--success)}.post-pill.estado-ERROR{border-left-color:var(--danger)}.post-pill.estado-CANCELADA{border-left-color:var(--gris);opacity:.5}.legend-row{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.78rem;color:var(--text-dim);margin-bottom:12px}.legend-row span{display:inline-flex;align-items:center;gap:4px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;text-decoration:none;color:var(--text-dim);font-size:.72rem;font-weight:600}.bottom-nav a.active{color:var(--accent)}.bottom-nav .icon{font-size:1.3rem}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.text-dim{color:var(--text-dim)}.text-center{text-align:center}.row{display:flex;flex-wrap:wrap;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.error-text{color:var(--danger);font-size:.9rem}.cartel-preview{width:100%;max-width:320px;border-radius:var(--radius-sm);border:1px solid var(--border);display:block}.chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;font-weight:600;font-size:.9rem}.chip-toggle.active{border-color:var(--accent);color:var(--text);background:var(--accent-dim)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal-sheet{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:20px}@media (min-width: 640px){.modal-overlay{align-items:center}.modal-sheet{border-radius:var(--radius)}}.reports-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.reports-table{width:100%;border-collapse:collapse}.reports-table th,.reports-table td{padding:12px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.reports-table th{color:var(--text-dim);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.reports-table tr:last-child td{border-bottom:none}