:root{--mid-bg:#f8fafc;--mid-surface:#eef2f7;--mid-card:#ffffff;--mid-line:#d9e2ec;--mid-text:#102033;--mid-sub:#5b6b7f;--mid-accent:#0f172a;--mid-accent-2:#1e3a5f;--mid-brand:#2563eb;--mid-brand-soft:#dbeafe;--mid-success:#dcfce7;--mid-hero-custom:#0f172a;--mid-hero-custom-2:#1e3a5f;--mid-warning:#fef3c7;--mid-danger:#fee2e2;--mid-purple:#ede9fe}
body{background:var(--mid-bg)}
.metodo-id-wrap{max-width:1180px;margin:28px auto;padding:24px;border-radius:28px;background:linear-gradient(180deg,#f8fafc,#eef3f9);font-family:Inter,Arial,sans-serif;color:var(--mid-text);box-shadow:0 18px 50px rgba(15,23,42,.08)}
.metodo-id-grid{display:grid;gap:18px}.metodo-id-grid-top{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.metodo-id-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--mid-line);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.06);margin-bottom:18px}
.metodo-id-card h3{margin:0 0 10px;font-size:24px;line-height:1.15}
.metodo-id-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--mid-hero-custom);background:linear-gradient(135deg,var(--mid-hero-custom), var(--mid-hero-custom-2));color:#fff;border:1px solid rgba(255,255,255,.08)}
.metodo-id-hero p,.metodo-id-hero span{color:#dbe7ff}
.metodo-id-eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.metodo-id-hero h2{margin:10px 0 8px;font-size:44px;line-height:1.04;color:#fff}
.metodo-id-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.metodo-id-hero-stats div{padding:14px;border-radius:18px;text-align:center;border:1px solid rgba(255,255,255,.08)}
.metodo-id-hero-stats div:nth-child(1){background:rgba(37,99,235,.18)}
.metodo-id-hero-stats div:nth-child(2){background:rgba(34,197,94,.16)}
.metodo-id-hero-stats div:nth-child(3){background:rgba(139,92,246,.16)}
.metodo-id-hero-stats strong{display:block;font-size:26px;color:#fff}.metodo-id-hero-stats span{font-size:12px}
.metodo-id-progress{width:100%;height:12px;background:#e7edf6;border-radius:999px;overflow:hidden;margin-top:12px}.metodo-id-progress span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px}
.metodo-id-muted{color:var(--mid-sub);font-size:14px}.metodo-id-task-title{font-size:18px;font-weight:700}
.metodo-id-button{background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff;border:none;border-radius:14px;padding:12px 18px;cursor:pointer;font-weight:700;box-shadow:0 10px 24px rgba(37,99,235,.22);margin-right:8px}.metodo-id-button-secondary{background:#eef4ff;color:#173e88;box-shadow:none}
.metodo-id-form label{display:block;margin-bottom:14px;font-weight:600}.metodo-id-form input[type=text],.metodo-id-form input[type=url],.metodo-id-form textarea,.metodo-id-form select{width:100%;margin-top:8px;border:1px solid #ccd7e5;border-radius:14px;padding:12px;background:#fff;color:var(--mid-text)}
.metodo-id-form input[type=text]:focus,.metodo-id-form input[type=url]:focus,.metodo-id-form textarea:focus,.metodo-id-form select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.metodo-id-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metodo-id-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0 20px}.metodo-id-checkbox{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;font-weight:500}
.metodo-id-status{display:inline-block;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.metodo-id-status-done_on_time{background:var(--mid-success);color:#166534}.metodo-id-status-done_late{background:var(--mid-warning);color:#92400e}.metodo-id-status-pending{background:#e8edf4;color:#4f5b6f}.metodo-id-status-missed{background:var(--mid-danger);color:#b91c1c}
.metodo-id-table{width:100%;border-collapse:collapse}.metodo-id-table th,.metodo-id-table td{border-bottom:1px solid #ebf0f6;padding:12px;text-align:left;vertical-align:top}
.metodo-id-days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.metodo-id-day-pill{border-radius:14px;padding:10px 12px;background:#eff6ff;border:1px solid #dbeafe;font-weight:700}.metodo-id-day-pill small{display:block;font-weight:500;color:var(--mid-sub)}.metodo-id-day-pill.is-locked{opacity:.55}.metodo-id-day-pill-done_on_time{background:var(--mid-success);border-color:#bbf7d0}.metodo-id-day-pill-done_late{background:var(--mid-warning);border-color:#fde68a}.metodo-id-day-pill-missed{background:var(--mid-danger);border-color:#fecaca}
.metodo-id-heatmap{display:grid;grid-template-columns:repeat(15,1fr);gap:6px}.metodo-id-heatmap-cell{display:block;width:100%;padding-bottom:100%;border-radius:8px;border:1px solid rgba(0,0,0,.04)}
@media print{body{background:#fff}.metodo-id-button,.metodo-id-button-secondary,form{display:none!important}.metodo-id-wrap{background:#fff;box-shadow:none;padding:0;max-width:100%}.metodo-id-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}}
@media (max-width:760px){.metodo-id-wrap{padding:16px}.metodo-id-hero{flex-direction:column;align-items:flex-start}.metodo-id-hero h2{font-size:34px}.metodo-id-hero-stats{width:100%}.metodo-id-table{display:block;overflow:auto}.metodo-id-heatmap{grid-template-columns:repeat(10,1fr)}}