:root{--verde-900:#06342a;--verde-800:#0b4f3f;--verde-700:#0f6450;--verde-600:#12785f;--verde-300:#7fc4ae;--verde-100:#dff0ea;--verde-50:#f0f8f5;--ambar-600:#b8761f;--ambar-500:#d9932f;--ambar-300:#f0c477;--ambar-100:#fdf2e0;--tinta:#0f1f1b;--gris-700:#3d4f4a;--gris-500:#6b7e78;--gris-300:#aebbb6;--linea:#dde8e4;--superficie:#fff;--fondo:#f5f9f7;--error:#a3272d;--error-bg:#fdf3f3;--error-linea:#f0cbcc;--ok:#146b3a;--ok-bg:#eef8f1;--ok-linea:#c5e5d1;--aviso:#8a6516;--aviso-bg:#fdf6e7;--sombra-1:0 1px 2px #06342a0f, 0 1px 3px #06342a0a;--sombra-2:0 2px 4px #06342a0f, 0 4px 12px #06342a12;--sombra-3:0 8px 16px #06342a14, 0 16px 40px #06342a1a;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-full:999px;--transicion:.18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:16px;line-height:1.55}.tabla,.kpi-valor,input[type=number]{font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.2}h1{color:var(--verde-900);font-size:clamp(1.45rem,1.2rem + 1vw,1.9rem);font-weight:650}h2{color:var(--verde-800);font-size:1.15rem;font-weight:640}p{margin:0 0 .85rem}a{color:var(--verde-700);text-underline-offset:2px}:focus-visible{outline:2.5px solid var(--ambar-500);outline-offset:2px;border-radius:3px}.contenedor{width:100%;max-width:1120px;margin:0 auto;padding:0 1.25rem}.marco{flex-direction:column;min-height:100vh;display:flex}.principal{flex:1;padding:2rem 0 4rem}.cabecera{background:var(--superficie);border-bottom:1px solid var(--linea);z-index:50;-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);position:sticky;top:0}.cabecera-fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.marca{color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:flex}.marca-emblema{border-radius:var(--r-md);background:linear-gradient(140deg, var(--verde-700), var(--verde-900));width:42px;height:42px;box-shadow:var(--sombra-1);flex:none;place-items:center;display:grid}.marca-emblema svg{width:24px;height:24px}.marca-texto strong{letter-spacing:.04em;color:var(--verde-900);font-size:1.22rem;font-weight:680;display:block}.marca-texto small{color:var(--gris-500);letter-spacing:.01em;font-size:.72rem;display:block}.sesion{align-items:center;gap:.75rem;display:flex}.sesion-datos{text-align:right;line-height:1.3}.sesion-datos strong{font-size:.9rem;font-weight:620;display:block}.sesion-datos small{color:var(--gris-500);font-size:.76rem;display:block}.nav{flex-wrap:wrap;gap:.15rem;padding-bottom:.3rem;display:flex}.nav a{color:var(--gris-700);border-radius:var(--r-sm) var(--r-sm) 0 0;transition:color var(--transicion), background var(--transicion);padding:.5rem .8rem .65rem;font-size:.92rem;font-weight:550;text-decoration:none;position:relative}.nav a:after{content:"";background:var(--verde-600);transform-origin:50%;height:3px;transition:transform var(--transicion);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:.8rem;right:.8rem;transform:scaleX(0)}.nav a:hover{color:var(--verde-800);background:var(--verde-50)}.nav a.active{color:var(--verde-800);font-weight:640}.nav a.active:after{transform:scaleX(1)}.pie{background:var(--verde-900);color:#b9d5cc;margin-top:auto;padding:2rem 0 1.6rem;font-size:.86rem}.pie-grid{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.pie strong{color:#e8f3ef;margin-bottom:.3rem;font-weight:600;display:block}.pie p{max-width:46ch;margin:.15rem 0}.pie-legal{color:#91b7ac;border-top:1px solid #ffffff1f;margin-top:1.4rem;padding-top:1rem;font-size:.78rem}.hero{border-radius:var(--r-lg);background:radial-gradient(1000px 400px at 88% -30%, #d9932f4d, transparent 62%), linear-gradient(135deg, var(--verde-900) 0%, var(--verde-700) 58%, var(--verde-600) 100%);color:#fff;box-shadow:var(--sombra-3);margin-bottom:2.5rem;padding:3rem 2.25rem 3.25rem;position:relative;overflow:hidden}.hero:after{content:"";opacity:.07;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#fff 1.2px,#0000 0);background-size:22px 22px;position:absolute;inset:0}.hero-contenido{z-index:1;max-width:60ch;position:relative}.hero h1{color:#fff;margin-bottom:.7rem;font-size:clamp(1.75rem,1.3rem + 1.9vw,2.6rem);font-weight:680}.hero p{color:#d6ece4;margin-bottom:0;font-size:1.06rem}.hero-marco-legal{color:#eaf6f1;border-radius:var(--r-full);letter-spacing:.02em;background:#ffffff24;border:1px solid #ffffff38;align-items:center;gap:.5rem;margin-bottom:1.15rem;padding:.32rem .8rem;font-size:.78rem;font-weight:560;display:inline-flex}.hero-marco-legal svg{width:14px;height:14px}.hero-anillo{opacity:.18;pointer-events:none;width:340px;height:340px;animation:48s linear infinite girar;position:absolute;top:50%;right:-70px;transform:translateY(-50%)}@keyframes girar{to{transform:translateY(-50%)rotate(360deg)}}.seccion-titulo{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.seccion-titulo p{color:var(--gris-500);margin:0;font-size:.92rem}.tramites{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:1.15rem;display:grid}.tramite{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-md);color:inherit;box-shadow:var(--sombra-1);transition:transform var(--transicion), box-shadow var(--transicion), border-color var(--transicion);flex-direction:column;gap:.55rem;padding:1.5rem 1.35rem 1.35rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.tramite:before{content:"";background:linear-gradient(90deg, var(--verde-600), var(--ambar-500));transform-origin:0;height:3px;transition:transform .24s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 auto;transform:scaleX(0)}.tramite:hover,.tramite:focus-visible{box-shadow:var(--sombra-3);border-color:var(--verde-300);transform:translateY(-3px)}.tramite:hover:before,.tramite:focus-visible:before{transform:scaleX(1)}.tramite-icono{border-radius:var(--r-md);background:var(--verde-100);width:44px;height:44px;color:var(--verde-700);place-items:center;margin-bottom:.3rem;display:grid}.tramite-icono svg{width:22px;height:22px}.tramite h2{font-size:1.04rem}.tramite p{color:var(--gris-500);flex:1;margin:0;font-size:.89rem}.tramite-cta{color:var(--verde-700);align-items:center;gap:.35rem;margin-top:.5rem;font-size:.89rem;font-weight:620;display:inline-flex}.tramite-cta svg{width:15px;height:15px;transition:transform var(--transicion)}.tramite:hover .tramite-cta svg{transform:translate(3px)}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-md);box-shadow:var(--sombra-1);margin-bottom:1.5rem;padding:1.75rem}.tarjeta>h1{margin-bottom:1.1rem}.panel-saludo{background:linear-gradient(120deg, var(--verde-800), var(--verde-600));color:#fff;border-radius:var(--r-lg);box-shadow:var(--sombra-2);flex-wrap:wrap;align-items:center;gap:1.1rem;margin-bottom:1.6rem;padding:1.75rem 1.9rem;display:flex}.panel-avatar{border-radius:var(--r-full);letter-spacing:.02em;background:#ffffff2e;border:1px solid #ffffff47;flex:none;place-items:center;width:54px;height:54px;font-size:1.25rem;font-weight:680;display:grid}.panel-saludo h1{color:#fff;margin-bottom:.2rem;font-size:1.4rem}.panel-saludo p{color:#cfe7de;margin:0;font-size:.93rem}.panel-chip{border-radius:var(--r-full);background:#ffffff29;border:1px solid #ffffff3d;align-items:center;gap:.4rem;margin-top:.5rem;padding:.25rem .7rem;font-size:.78rem;font-weight:580;display:inline-flex}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.6rem;display:grid}.kpi{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-md);box-shadow:var(--sombra-1);transition:transform var(--transicion), box-shadow var(--transicion);padding:1.15rem 1.25rem}.kpi:hover{box-shadow:var(--sombra-2);transform:translateY(-2px)}.kpi-etiqueta{color:var(--gris-500);align-items:center;gap:.4rem;font-size:.8rem;font-weight:550;display:flex}.kpi-etiqueta svg{width:15px;height:15px;color:var(--verde-600)}.kpi-valor{color:var(--verde-900);margin-top:.35rem;font-size:1.85rem;font-weight:690;line-height:1.1}.kpi-nota{color:var(--gris-500);margin-top:.15rem;font-size:.78rem}.accesos{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;display:grid}.acceso{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--r-md);color:inherit;box-shadow:var(--sombra-1);transition:transform var(--transicion), box-shadow var(--transicion), border-color var(--transicion);align-items:center;gap:.75rem;padding:.95rem 1.05rem;font-size:.93rem;font-weight:570;text-decoration:none;display:flex}.acceso:hover{box-shadow:var(--sombra-2);border-color:var(--verde-300);transform:translateY(-2px)}.acceso-icono{border-radius:var(--r-sm);background:var(--ambar-100);width:34px;height:34px;color:var(--ambar-600);flex:none;place-items:center;display:grid}.acceso-icono svg{width:17px;height:17px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:1.05rem 1.3rem;display:grid}.campo{flex-direction:column;gap:.3rem;min-width:0;display:flex}.campo-etiqueta{color:var(--gris-700);font-size:.87rem;font-weight:590}.campo-etiqueta em{color:var(--error);font-style:normal;font-weight:700}.campo input,.campo select,.campo textarea{border:1.5px solid var(--linea);border-radius:var(--r-sm);font:inherit;color:var(--tinta);background:var(--superficie);transition:border-color var(--transicion), box-shadow var(--transicion);min-width:0;padding:.6rem .75rem}.campo input:hover,.campo select:hover{border-color:var(--gris-300)}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--verde-600);outline:none;box-shadow:0 0 0 3.5px #12785f24}.campo input[readonly]{background:var(--fondo);color:var(--gris-500);border-style:dashed}.campo select{cursor:pointer}.campo-bool{flex-direction:row;align-items:flex-start;gap:.55rem;padding:.2rem 0}.campo-bool input[type=checkbox]{width:18px;height:18px;accent-color:var(--verde-600);cursor:pointer;flex:none;margin-top:.12rem}.campo-bool .campo-etiqueta{color:var(--tinta);cursor:pointer;font-weight:520}.campo-error{color:var(--error);align-items:center;gap:.3rem;font-size:.8rem;display:flex}fieldset.tarjeta{border:1px solid var(--linea);margin-bottom:1.15rem}fieldset.tarjeta legend{color:var(--verde-700);text-transform:uppercase;letter-spacing:.07em;background:var(--verde-50);border:1px solid var(--verde-100);border-radius:var(--r-full);padding:.2rem .7rem;font-size:.82rem;font-weight:640}.btn{border-radius:var(--r-sm);font:inherit;cursor:pointer;white-space:nowrap;transition:background var(--transicion), transform var(--transicion), box-shadow var(--transicion), border-color var(--transicion);border:1.5px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.35rem;font-size:.94rem;font-weight:620;text-decoration:none;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primario{background:var(--verde-700);color:#fff;box-shadow:var(--sombra-1)}.btn-primario:hover:not(:disabled){background:var(--verde-800);box-shadow:var(--sombra-2);transform:translateY(-1px)}.btn-primario:active:not(:disabled){transform:translateY(0)}.btn-primario:disabled{opacity:.55;cursor:progress}.btn-secundario{background:var(--superficie);color:var(--verde-800);border-color:var(--linea)}.btn-secundario:hover{border-color:var(--verde-300);background:var(--verde-50)}.btn-chico{padding:.3rem .7rem;font-size:.84rem}.wizard{padding-top:1.5rem}.wizard-pasos{counter-reset:paso;margin:0 0 2rem;padding:0;list-style:none;display:flex}.wizard-pasos li{text-align:center;color:var(--gris-500);flex-direction:column;flex:1;align-items:center;gap:.5rem;min-width:0;font-size:.8rem;font-weight:540;display:flex;position:relative}.wizard-pasos li:before{content:"";background:var(--linea);z-index:0;width:100%;height:2.5px;position:absolute;top:15px;left:-50%}.wizard-pasos li:first-child:before{display:none}.wizard-pasos li.hecho:before,.wizard-pasos li.activo:before{background:var(--verde-600)}.wizard-num{z-index:1;border-radius:var(--r-full);background:var(--superficie);border:2.5px solid var(--linea);width:32px;height:32px;color:var(--gris-500);place-items:center;font-size:.82rem;font-weight:680;transition:all .26s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.wizard-pasos li.activo .wizard-num{background:var(--verde-700);border-color:var(--verde-700);color:#fff;transform:scale(1.1);box-shadow:0 0 0 5px #12785f26}.wizard-pasos li.hecho .wizard-num{background:var(--verde-600);border-color:var(--verde-600);color:#fff}.wizard-pasos li.activo{color:var(--verde-800);font-weight:650}.wizard-pasos li.hecho{color:var(--verde-700)}.wizard-etiqueta-paso{overflow-wrap:anywhere;padding:0 .3rem}.wizard-cuerpo{animation:.26s cubic-bezier(.4,0,.2,1) entrar}@keyframes entrar{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wizard-botones{border-top:1px solid var(--linea);justify-content:space-between;gap:1rem;margin-top:1.9rem;padding-top:1.4rem;display:flex}.wizard-botones .btn-primario{margin-left:auto}.alerta{border-radius:var(--r-sm);border:1px solid;align-items:flex-start;gap:.7rem;margin:1.1rem 0;padding:.9rem 1.05rem;font-size:.91rem;animation:.2s ease-out entrar;display:flex}.alerta svg{flex:none;width:18px;height:18px;margin-top:.1rem}.alerta ul{margin:.4rem 0 0;padding-left:1.15rem}.alerta li{margin-bottom:.18rem}.alerta-error{background:var(--error-bg);border-color:var(--error-linea);color:var(--error)}.alerta-ok{background:var(--ok-bg);border-color:var(--ok-linea);color:var(--ok)}.alerta-aviso{background:var(--aviso-bg);border-color:var(--ambar-300);color:var(--aviso)}.exito{text-align:center;padding:3rem 2rem}.exito-sello{border-radius:var(--r-full);background:var(--ok-bg);width:76px;height:76px;color:var(--ok);border:2px solid var(--ok-linea);place-items:center;margin:0 auto 1.4rem;animation:.46s cubic-bezier(.34,1.56,.64,1) sello;display:grid}.exito-sello svg{width:36px;height:36px}@keyframes sello{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.exito h1{color:var(--ok);margin-bottom:.6rem}.exito p{color:var(--gris-700);max-width:52ch;margin:0 auto 1.6rem}.tabla-scroll{border:1px solid var(--linea);border-radius:var(--r-md);background:var(--superficie);overflow-x:auto}.tabla{border-collapse:collapse;width:100%;font-size:.91rem}.tabla th{text-align:left;white-space:nowrap;background:var(--verde-50);color:var(--verde-800);text-transform:uppercase;letter-spacing:.045em;border-bottom:1.5px solid var(--verde-100);padding:.75rem .85rem;font-size:.8rem;font-weight:640;position:sticky;top:0}.tabla td{border-bottom:1px solid var(--linea);vertical-align:middle;padding:.7rem .85rem}.tabla tbody tr:last-child td{border-bottom:none}.tabla tbody tr{transition:background var(--transicion)}.tabla tbody tr:hover td{background:var(--verde-50)}.tabla-acciones{white-space:nowrap;text-align:right}.grilla td{padding:.35rem .4rem}.grilla input,.grilla select{width:100%;min-width:92px;padding:.45rem .55rem;font-size:.89rem}.esqueleto{flex-direction:column;gap:.55rem;padding:.3rem 0;display:flex}.esqueleto-fila{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--fondo) 25%, #eef4f1 50%, var(--fondo) 75%);background-size:200% 100%;height:40px;animation:1.4s ease-in-out infinite brillo}@keyframes brillo{to{background-position:-200% 0}}.vacio{text-align:center;color:var(--gris-500);border:1.5px dashed var(--linea);border-radius:var(--r-md);background:var(--fondo);padding:2.5rem 1.5rem}.vacio svg{width:34px;height:34px;color:var(--gris-300);margin-bottom:.6rem}.vacio p{margin:0;font-size:.92rem}.pill{border-radius:var(--r-full);white-space:nowrap;background:var(--verde-100);color:var(--verde-800);align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.78rem;font-weight:620;display:inline-flex}.pill:before{content:"";opacity:.75;background:currentColor;border-radius:50%;width:6px;height:6px}.pill-aviso{background:var(--ambar-100);color:var(--ambar-600)}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-error{background:var(--error-bg);color:var(--error)}@media (width<=720px){.principal{padding:1.25rem 0 3rem}.hero{border-radius:var(--r-md);padding:2.1rem 1.4rem 2.4rem}.hero-anillo{display:none}.tarjeta{padding:1.25rem}.wizard-botones{flex-direction:column-reverse}.wizard-botones .btn{width:100%}.wizard-pasos li .wizard-etiqueta-paso{display:none}.wizard-pasos li.activo .wizard-etiqueta-paso{display:block}.cabecera{position:static}.panel-saludo{padding:1.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.tramite:hover,.kpi:hover,.acceso:hover,.btn-primario:hover:not(:disabled){transform:none}}@media print{.cabecera,.pie,.wizard-botones,.btn{display:none!important}.tarjeta,.tabla-scroll{box-shadow:none;border-color:#ccc}body{background:#fff}}