:root{--color-bg: #f2f7ff;--color-bg-alt: #e8f7ef;--color-surface: #ffffff;--color-surface-soft: #f4f8ff;--color-surface-strong: #e8f0ff;--color-text: #1f2a37;--color-text-soft: #334155;--color-muted: #5f6b7a;--color-border: #d8e2f0;--color-border-strong: #b4c6de;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #e8f0ff;--color-danger: #dc2626;--color-danger-hover: #991b1b;--color-success: #0f766e;--color-success-hover: #0d9488;--color-warning: #f59e0b;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 999px;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .08);--shadow-medium: 0 14px 34px rgba(37, 99, 235, .12);--shadow-strong: 0 24px 52px rgba(15, 23, 42, .2);--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--color-text);background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.11),transparent 34%),radial-gradient(circle at 90% 90%,rgba(15,118,110,.1),transparent 32%),linear-gradient(160deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#2563eb33}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface-soft)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;color:var(--color-text);line-height:1.2}h1{font-size:clamp(2rem,4vw,2.6rem);font-weight:700}h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:650}h3{font-size:clamp(1.25rem,2.4vw,1.5rem);font-weight:600}p{margin:0;line-height:1.65;color:var(--color-text-soft)}.initial-container{width:100%;min-height:calc(100vh - 74px);padding:clamp(1.25rem,2.8vw,2.5rem);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.container-principal,.container-secundario,.container-terciario{width:100%;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.container-principal{max-width:1200px;padding:2rem;box-shadow:var(--shadow-medium)}.container-secundario{max-width:900px;padding:1.5rem;box-shadow:var(--shadow-soft)}.container-terciario{max-width:760px;padding:1.25rem;background:color-mix(in srgb,var(--color-surface-soft) 76%,#fff 24%)}.card{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-soft);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border-strong) 60%);box-shadow:var(--shadow-medium)}.card-s{padding:1rem}.card-m{padding:1.5rem}.card-l{padding:2rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.text-center{text-align:center}.btn-principal,.btn-secundario,.btn-secondary,.btn-eliminar,.btn-aceptar{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.78rem 1.5rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-principal{color:var(--color-surface);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));box-shadow:0 10px 20px #2563eb42}.btn-principal:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2563eb52}.btn-secundario,.btn-secondary{color:var(--color-primary);border-color:var(--color-border-strong);background:var(--color-surface)}.btn-secundario:hover,.btn-secondary:hover{transform:translateY(-1px);border-color:var(--color-primary);background:var(--color-primary-soft)}.btn-eliminar{color:var(--color-surface);background:linear-gradient(135deg,var(--color-danger),var(--color-danger-hover))}.btn-eliminar:hover{transform:translateY(-1px);box-shadow:0 12px 24px #dc262642}.btn-aceptar{color:var(--color-surface);background:linear-gradient(135deg,var(--color-success),var(--color-success-hover))}.btn-aceptar:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f766e42}.btn-principal:disabled,.btn-secundario:disabled,.btn-secondary:disabled,.btn-eliminar:disabled,.btn-aceptar:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.btn-s{padding:.52rem .95rem!important;font-size:.84rem}.btn-m{padding:.78rem 1.5rem!important;font-size:1rem}.btn-l{padding:.95rem 1.95rem!important;font-size:1.08rem}.btn-block{width:100%}.form-group{display:flex;flex-direction:column;gap:.55rem}.form-group label{color:var(--color-text-soft);font-size:.93rem;font-weight:600}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea,.filter-group input,.filter-group select{width:100%;padding:.78rem .9rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-group input:not([type=checkbox]):not([type=radio])::placeholder,.form-group textarea::placeholder,.filter-group input::placeholder{color:color-mix(in srgb,var(--color-muted) 70%,#fff 30%)}.form-group select,.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:2.7rem;background-image:linear-gradient(180deg,#f8fcffeb,#edf6ffe6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23334155' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center center,right 1rem center;background-size:auto,12px 8px}.form-group select:hover,.filter-group select:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border-strong) 65%)}.form-group select option,.filter-group select option{color:var(--color-text);background-color:var(--color-surface)}.form-group select option:checked,.filter-group select option:checked{color:var(--color-primary-hover);background-color:var(--color-primary-soft)}.form-group select optgroup,.filter-group select optgroup{color:var(--color-muted);font-weight:600;background-color:var(--color-surface-soft)}.form-group select:disabled,.filter-group select:disabled{cursor:not-allowed;opacity:.65}.form-group select::-ms-expand,.filter-group select::-ms-expand{display:none}@supports (appearance: base-select){.form-group select,.filter-group select,.form-group select::picker(select),.filter-group select::picker(select){appearance:base-select}.form-group select,.filter-group select{padding-right:.9rem;background-image:none}.form-group select::picker(select),.filter-group select::picker(select){border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-medium);padding:.4rem}.form-group select option,.filter-group select option{margin:.12rem 0;border-radius:var(--radius-xs);padding:.55rem .7rem}}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus,.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb24}.form-group.checkbox-group label,.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group input[type=checkbox],.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0;flex-shrink:0;display:inline-grid;place-content:center;cursor:pointer;border:2px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.form-group input[type=checkbox]:before,.checkbox-group input[type=checkbox]:before{content:"";width:.34rem;height:.62rem;border-right:2px solid var(--color-surface);border-bottom:2px solid var(--color-surface);transform:rotate(45deg) scale(0);transition:transform .14s ease-in-out}.form-group input[type=checkbox]:checked,.checkbox-group input[type=checkbox]:checked{border-color:var(--color-primary);background:var(--color-primary)}.form-group input[type=checkbox]:checked:before,.checkbox-group input[type=checkbox]:checked:before{transform:rotate(45deg) scale(1)}.form-group input[type=checkbox]:hover,.checkbox-group input[type=checkbox]:hover{border-color:var(--color-primary);transform:translateY(-1px)}.form-group input[type=checkbox]:focus-visible,.checkbox-group input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb33}.form-group input[type=checkbox]:disabled,.checkbox-group input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.9rem;flex-wrap:wrap}.auth-card{width:100%;max-width:440px;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-medium)}.auth-title{margin-bottom:1.8rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-footer{margin-top:1.4rem;text-align:center;font-size:.93rem;color:var(--color-muted)}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-footer a:hover{color:var(--color-primary-hover)}.back-btn{margin-bottom:1.25rem}.empty-state{padding:2.5rem 1.25rem;text-align:center;color:var(--color-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-soft) 60%,#fff 40%)}.loading-state{min-height:280px;display:flex;align-items:center;justify-content:center}.loading-text{color:var(--color-muted);font-size:1.05rem;font-style:italic}.error-container{border:1px solid color-mix(in srgb,var(--color-danger) 35%,var(--color-border) 65%);border-radius:var(--radius-sm);background:#fff5f5;padding:1rem}.error-text{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.75rem .95rem;line-height:1.5}.reliability-info{margin-top:1rem;color:var(--color-muted);font-size:.9rem}.data-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-soft) 75%,#fff 25%)}.data-label{color:var(--color-muted);font-size:.86rem}.data-value{color:var(--color-text);font-weight:600}.result-card{margin-top:2rem;padding:1.75rem;border:2px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-medium);animation:fadeInUp .45s ease}.result-card.positive{border-color:#fca5a5;background:linear-gradient(135deg,#fff,#fff5f5)}.result-card.negative{border-color:#93c5fd;background:linear-gradient(135deg,#fff,#eef5ff)}.result-section{margin-bottom:1.5rem;padding:1.25rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.9rem}.result-section.positive{border:1px solid #fca5a5;background:#fff1f2}.result-section.negative{border:1px solid #93c5fd;background:#eff6ff}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.result-icon{font-size:2rem;line-height:1;flex-shrink:0}.icon-large{font-size:2.6rem}.result-label{margin:0;font-size:1.12rem;font-weight:600}.result-card.positive .result-label,.result-section.positive .result-label{color:var(--color-danger)}.result-card.negative .result-label,.result-section.negative .result-label{color:var(--color-primary)}.result-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.9rem}.result-actions>*{flex:1;min-width:160px}.disclaimer{margin:1.5rem 0;padding:1rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-soft) 70%,#fff 30%);font-size:.92rem;color:var(--color-muted)}.disclaimer strong{color:var(--color-text)}.text-xs{font-size:.75rem}.text-s{font-size:.875rem}.text-m{font-size:1rem}.text-l{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.container-principal,.container-secundario,.container-terciario{padding:1.2rem}.auth-card{padding:1.6rem}}@media (max-width: 768px){.initial-container{padding:1rem}.form-actions,.result-actions{flex-direction:column}.form-actions>*,.result-actions>*{width:100%}}