@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--brand-primary: #000000;--brand-primary-dark: #202020;--brand-primary-surface: #F9FAF7;--brand-accent: #1740EA;--petroleo-100: #F5F7F9;--petroleo-90: #E2E8EE;--petroleo-80: #CED8E3;--petroleo-70: #BAC9D8;--petroleo-60: #A0B4CA;--petroleo-50: #86A0BB;--petroleo-40: #6C8BAC;--petroleo-30: #537293;--petroleo-20: #405972;--petroleo-10: #2D3E50;--petroleo-05: #18212A;--petroleo-00: #0B0F14;--Petroleo-0: var(--petroleo-00);--Petroleo-10: var(--petroleo-05);--Petroleo-20: var(--petroleo-10);--Petroleo-40: var(--petroleo-30);--Petroleo-70: var(--petroleo-60);--Petroleo-80: var(--petroleo-70);--Petroleo-95: var(--petroleo-90);--Petroleo-100: var(--petroleo-100);--Tipografico-100: var(--ui-color-surface);--Tipografico-90: #E6E1E1;--Tipografico-40: #605E5E;--Tipografico-20: var(--ui-color-text-body);--Secundario-100: var(--ui-color-surface);--ui-font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-font-display: "DM Sans", sans-serif;--ui-color-primary: var(--brand-primary);--ui-color-primary-dark: var(--brand-primary-dark);--ui-color-primary-surface: var(--brand-primary-surface);--ui-color-on-primary: #FFFFFF;--ui-color-accent: var(--brand-accent);--ui-color-accent-dark: #0F2FC2;--ui-color-bg: var(--petroleo-100);--ui-color-surface: #FFFFFF;--ui-color-surface-muted: var(--petroleo-100);--ui-color-border: var(--petroleo-90);--ui-color-border-strong: var(--petroleo-60);--ui-color-border-neutral: #E5E7EB;--ui-color-text-heading: #111827;--ui-color-text: var(--petroleo-05);--ui-color-text-body: #313030;--ui-color-text-muted: var(--petroleo-30);--ui-color-text-soft: var(--petroleo-60);--ui-color-success: #009951;--ui-color-success-container: #CFF7D3;--ui-color-danger: #BA1A1A;--ui-color-danger-container: #FFDAD6;--ui-color-warning: #B45309;--ui-color-warning-container: #FEF3C7;--ui-color-info-container: var(--petroleo-80);--canal-whatsapp: #16A34A;--canal-whatsapp-suave: #BBF7D0;--canal-correo: #1740EA;--canal-correo-suave: #C7D2FE;--ui-btn-radius: 1000px;--ui-btn-height: 46px;--ui-btn-font-weight: 600;--ui-radius-sm: 8px;--ui-radius-md: 12px;--ui-radius-lg: 16px;--ui-radius-xl: 24px;--ui-radius-pill: 1000px;--ui-shadow-card: 0 12px 30px rgba(17, 24, 39, .08);--ui-shadow-card-hover: 0 18px 40px rgba(15, 23, 42, .1);--ui-shadow-soft: 0 8px 24px rgba(15, 23, 42, .06);--ui-shadow-panel: 6px 6px 27px rgba(0, 0, 0, .05);--ui-space-1: .25rem;--ui-space-2: .5rem;--ui-space-3: .75rem;--ui-space-4: 1rem;--ui-space-5: 1.25rem;--ui-space-6: 1.5rem;--ui-space-7: 2rem}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;font-family:var(--ui-font-sans);background-color:var(--ui-color-bg);color:var(--ui-color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:16px;line-height:1.5}a{color:inherit}.num{font-variant-numeric:tabular-nums}.panel-card{background:var(--ui-color-surface);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-panel);padding:24px;min-width:0}.panel-card h2{margin:0;font-size:20px;font-weight:700;color:var(--ui-color-text)}.panel-subtitulo{margin:4px 0 18px;color:var(--ui-color-text-muted);font-size:13px}.ui-eyebrow{display:inline-block;margin-bottom:.4rem;font-size:.72rem;font-weight:700;color:var(--ui-color-text-muted);letter-spacing:.08em;text-transform:uppercase}.pagina{padding:32px max(32px,(100% - 1280px) / 2) 48px;display:grid;gap:24px;align-content:start}@media(max-width:720px){.pagina{padding:20px 16px 40px;gap:16px}}.pagina-encabezado{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.pagina-encabezado h1{font-size:30px;font-weight:700;line-height:1.15;color:var(--ui-color-text-heading)}.pagina-encabezado p{color:var(--ui-color-text-muted);font-size:14px}@media(max-width:720px){.pagina-encabezado h1{font-size:24px}}.pagina-acciones{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagina-acciones select{width:auto;min-width:150px;min-height:44px;padding-top:.5rem;padding-bottom:.5rem}@media(max-width:720px){.pagina-acciones{width:100%}.pagina-acciones>*{flex:1 1 140px}.pagina-acciones select{min-width:0;width:100%}}.tabla-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;font-weight:600;color:var(--ui-color-text-muted);padding:10px 12px;border-bottom:1px solid var(--ui-color-border);white-space:nowrap}.tabla td{padding:12px;border-bottom:1px solid var(--ui-color-border);vertical-align:middle}.tabla th.num,.tabla td.num{text-align:right}.tabla tbody tr.clicable{cursor:pointer;transition:background .12s}.tabla tbody tr.clicable:hover{background:var(--petroleo-100)}.tabla tbody tr.clicable:focus-visible{outline:2px solid var(--ui-color-accent);outline-offset:-2px}.tabla tbody tr:last-child td{border-bottom:none}.texto-suave{color:var(--ui-color-text-muted);font-size:13px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ui-radius-pill);background:var(--petroleo-90);color:var(--ui-color-text);font-size:12px;font-weight:600;white-space:nowrap}.chip--whatsapp{background:var(--canal-whatsapp-suave);color:#14532d}.chip--correo{background:var(--canal-correo-suave);color:#1e3a8a}.ui-button-primary,.ui-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-family:var(--ui-font-display);font-size:14px;cursor:pointer;text-decoration:none}.ui-button-primary{background:var(--ui-color-primary);color:var(--ui-color-on-primary)}.ui-button-primary:hover{background:var(--ui-color-primary-dark)}.ui-button-secondary{background:var(--ui-color-surface);color:var(--ui-color-text);border-color:var(--ui-color-border)}.ui-button-secondary:hover{border-color:var(--ui-color-border-strong)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea{width:100%;padding:.75rem 1rem;min-height:48px;background:var(--ui-color-surface);border:1.5px solid var(--ui-color-border-strong);border-radius:var(--ui-radius-sm);color:var(--ui-color-text);font-family:var(--ui-font-sans);font-size:15px;line-height:1.4;transition:border-color .18s ease,box-shadow .18s ease;appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset])::placeholder,select::placeholder,textarea::placeholder{color:var(--ui-color-text-muted);opacity:1}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):focus,select:focus,textarea:focus{outline:none;border-color:var(--ui-color-primary);border-width:2px;box-shadow:0 0 0 3px #2d3e501a}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--ui-color-bg)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23537293' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem;cursor:pointer}label.campo{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ui-color-text-muted)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#e2e8ee 25%,#f0f3f6,#e2e8ee 75%);background-size:200px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--ui-radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ui-surface-card{background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-card)}
