:root{--c-black: #060f07;--c-dark: #0a1a0c;--c-green-deep: #0f2211;--c-green: #6db56d;--c-green-light: #a8d4a0;--c-cream: #f5f3ee;--c-border: #dddbd5;--c-text: #0f2211;--c-muted: #4b5563;--radius-btn: 100px;--radius-card: 16px;--radius-input: 8px;--shadow-premium: 0 12px 32px rgba(10, 26, 12, .08);--shadow-hover: 0 16px 48px rgba(10, 26, 12, .12);--transition-ui: all .3s cubic-bezier(.16, 1, .3, 1);--border-subtle: 1px solid var(--c-border);--radius-img: var(--radius-card);--c-accent: var(--c-green);--c-white: #ffffff;--c-muted-light: #6b7280;--color-text-main: var(--c-text);--color-text-sub: var(--c-muted);--color-text-light: var(--c-muted-light);--color-bg-page: var(--c-cream);--color-bg-white: var(--c-white);--color-green-dark: var(--c-green-deep);--color-green-mid: var(--c-green);--color-green-soft: var(--c-green-light);--color-green-accent: var(--c-green);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-display: clamp(56px, 6vw, 80px);--fs-h1: clamp(44px, 5vw, 68px);--fs-h2: clamp(28px, 3.5vw, 44px);--fs-cifra: clamp(30px, 3vw, 38px);--fs-cifra-heroe: clamp(42px, 4.5vw, 56px);--p-bg: color-mix(in srgb, var(--c-green-deep) 4%, #ffffff);--p-border: #e2e8f0;--p-radius-card: 26px;--p-radius-pieza: 16px;--p-card-borde: 1px solid transparent;--p-card-sombra: 0 1px 2px rgba(15, 34, 17, .04), 0 10px 30px rgba(15, 34, 17, .055);--p-aire: 26px;--p-text-main: #0f172a;--p-text-sub: #64748b;--p-primary: #15803d;--p-primary-hover: #166534;--p-sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#f5f3ee;color:#0f2211;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;flex-direction:column;gap:0;margin:0;padding:0}section{margin-top:0;margin-bottom:0}img,picture,video,canvas,svg{display:block;max-width:100%}picture{display:contents}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}.section-full{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.section--page{padding:120px 0;background:var(--color-bg-page)}.section--white{padding:120px 0;background:#fff}.section-header{max-width:600px;margin:0 auto 64px}.section-header p:not(.overline){font-size:19px;color:var(--color-text-sub);margin-top:16px}.text-center{text-align:center}.overline{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--c-green);font-weight:500;margin-bottom:16px;display:block}.h1{font-size:var(--fs-h1);font-weight:400;line-height:1.1;letter-spacing:-.015em}.h2{font-size:var(--fs-h2);font-weight:400;line-height:1.2;letter-spacing:-.01em}.h2--sm{font-size:24px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=month],input[type=file],select,textarea{width:100%;min-height:48px;padding:12px 16px;background-color:#fff;border:1px solid var(--c-border);border-radius:var(--radius-input);font-family:var(--font-sans);font-size:15px;color:var(--c-text);transition:var(--transition-ui);appearance:none}textarea{min-height:120px;resize:vertical}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234b5563' 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 16px center;padding-right:48px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-green);box-shadow:0 0 0 4px #6db56d26}input:disabled,select:disabled,textarea:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-btn);font-weight:500;font-size:15px;min-height:48px;padding:0 24px;cursor:pointer;border:1px solid transparent;transition:var(--transition-ui);white-space:nowrap;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0a1a0c14}.btn:active{transform:scale(.98) translateY(0)}.btn:focus-visible{outline:2px solid var(--c-green);outline-offset:2px}.btn-primary,.btn--primary{background-color:var(--c-green-deep);color:#fff}.btn-secondary,.btn--accent{background-color:var(--c-green);color:#fff}.btn--outline-dark{background-color:transparent;border:.5px solid #ccc;color:var(--c-text)}.btn--outline-white{background-color:transparent;border:.5px solid rgba(255,255,255,.45);color:#fff}.btn--outline-white:hover{background-color:#ffffff14;border-color:#fff}.btn--lg{padding:14px 32px;font-size:15px}.btn-oauth{width:100%;background-color:#fff;border:1px solid var(--c-border);color:var(--c-text)}.btn-oauth:hover{background-color:#f8f8f6}.card,.card-premium,.organization-card{background-color:#fff;border:1px solid var(--c-border);border-radius:var(--radius-card);transition:var(--transition-ui)}.card:hover,.card-premium:hover,.organization-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-premium);border-color:var(--c-green-light)}.alert{padding:14px 16px;border-radius:var(--radius-input);font-size:14px;line-height:1.55;border:1px solid transparent}.alert-error{background:var(--p-error-fondo);color:var(--p-error);border-color:var(--p-error-borde)}.alert-warning{background:var(--p-aviso-fondo);color:var(--p-aviso);border-color:var(--p-aviso-borde)}.alert-success{background:var(--p-exito-fondo);color:var(--p-exito);border-color:var(--p-exito-borde)}.alert-info{background:var(--p-info-fondo);color:var(--p-info);border-color:var(--p-info-borde)}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:1.4;padding:4px 12px;border-radius:999px;white-space:nowrap}.badge-success{background:var(--p-exito-fondo);color:var(--p-exito)}.badge-warning{background:var(--p-aviso-fondo);color:var(--p-aviso)}.badge-neutral{background:var(--p-neutro-fondo);color:var(--p-neutro)}.badge-danger{background:var(--p-error-fondo);color:var(--p-error)}.progress-track{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--progress-color, var(--c-green))}.card--accent-top{border-top:4px solid var(--card-accent, var(--c-green-deep))}.card--accent-left{border-left:4px solid var(--card-accent, var(--p-primary))}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-ayuda{margin-top:6px;font-size:13px;line-height:1.5;color:var(--c-muted)}.form-error{margin-top:6px;font-size:13px;line-height:1.5;color:var(--p-error)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--p-error)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{border-color:var(--p-error);box-shadow:0 0 0 4px var(--p-error-fondo)}.form-fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}@media (max-width: 640px){.form-fila{grid-template-columns:minmax(0,1fr)}}.form-autorizacion{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;color:var(--color-text-main);cursor:pointer}.form-autorizacion input[type=checkbox]{flex-shrink:0;width:20px;min-height:20px;height:20px;margin-top:3px;padding:0;accent-color:var(--p-primary);appearance:auto}.form-autorizacion a{color:var(--p-primary);text-decoration:underline;text-underline-offset:3px}.campo-trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.page-title{font-size:22px;font-weight:700;margin-bottom:8px}.page-subtitle{color:var(--p-text-sub);margin-bottom:24px;line-height:1.65}.page-narrow{max-width:var(--p-ancho-estrecho)}.page-medium{max-width:var(--p-ancho-medio)}.page-wide{max-width:var(--p-ancho-ancho)}.card--notice{padding:28px}.card--notice p{line-height:1.65}.card--notice p+p{margin-top:8px}.card--form{display:flex;flex-direction:column;gap:18px;padding:24px}.card--table{padding:0;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{text-align:left;color:var(--p-text-sub)}.data-table th,.data-table td{padding:12px 16px}.data-table th{font-weight:500}.data-table tbody tr{border-top:1px solid #e2e8f0}.data-table .ta-right{text-align:right}.data-table .num{font-variant-numeric:tabular-nums}.alert--placeholder{display:none;margin-bottom:20px}.alert--spacing{margin-bottom:20px}.alert--spacing-lg{margin-bottom:24px}.alert--left{text-align:left}.alert--roomy{padding:20px;font-size:15px}.module-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.module-card-title{font-size:16px;font-weight:600}.module-card-desc{font-size:13px;color:var(--p-text-sub);margin-bottom:16px}.card-eyebrow{font-size:14px;color:var(--p-text-sub);font-weight:500;margin-bottom:16px}.btn-form-submit{justify-content:center;padding:13px}.consent-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#475569;line-height:1.55;cursor:pointer}.consent-checkbox{margin-top:3px;flex-shrink:0}.link-accent{color:var(--p-primary);font-weight:600;text-decoration:none}.panel{background:#fff;border:1px solid var(--p-border);border-radius:var(--radius-card);padding:24px}.btn-admin{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-input);font-weight:600;font-size:14px;min-height:40px;padding:0 16px;cursor:pointer;border:1px solid transparent;transition:var(--transition-ui);text-decoration:none;white-space:nowrap}.btn-admin:disabled{cursor:not-allowed;opacity:.6}.btn-admin-dark{background:#0f172a;color:#fff}.btn-admin-success{background:#10b981;color:#fff}.btn-admin-outline{background:#fff;border-color:#cbd5e1;color:#475569}.btn-admin-danger-outline{background:#fff;border-color:#fecaca;color:#b91c1c}.btn-admin-indigo{background:#6366f1;color:#fff}.admin-row{display:flex;align-items:center;gap:var(--row-gap, 12px)}.admin-row--between{justify-content:space-between}.admin-row--wrap{flex-wrap:wrap}.admin-row--top{align-items:flex-start}.admin-stack{display:flex;flex-direction:column;gap:var(--stack-gap, 16px)}.admin-label{font-size:12px;color:#94a3b8}.admin-text-sm{font-size:13px;color:#64748b}.admin-eyebrow{font-size:12px;text-transform:uppercase}.admin-tile{padding:16px 20px}.alert--roomy{padding:20px;line-height:1.6}.panel--empty{padding:28px;line-height:1.65}.panel--tight{padding:20px}.panel--empty p{color:#64748b;margin-top:8px}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.admin-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-table th{padding:12px 16px;font-size:13px;font-weight:600;color:#64748b}.admin-table td{padding:12px 16px;border-top:1px solid #e2e8f0}.panel--flush{padding:0;overflow:hidden}.fade-up{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.fade-up{opacity:1;transform:none;transition:none}}html{scroll-behavior:smooth}section{will-change:opacity,transform}.rejilla{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--e-4);align-items:start}.rejilla>*{grid-column:1 / -1}@media (min-width: 481px){.rejilla{grid-template-columns:repeat(6,minmax(0,1fr))}.rejilla>.ancho-3,.rejilla>.ancho-4,.rejilla>.ancho-5,.rejilla>.ancho-6{grid-column:span 3}}@media (min-width: 769px){.rejilla{grid-template-columns:repeat(12,minmax(0,1fr))}.rejilla>.ancho-3{grid-column:span 3}.rejilla>.ancho-4{grid-column:span 4}.rejilla>.ancho-5{grid-column:span 5}.rejilla>.ancho-6{grid-column:span 6}.rejilla>.ancho-7{grid-column:span 7}.rejilla>.ancho-8{grid-column:span 8}.rejilla>.ancho-9{grid-column:span 9}.rejilla>.ancho-12{grid-column:span 12}.rejilla>.alto-2{grid-row:span 2;align-self:stretch}}.cifra{display:flex;flex-direction:column;gap:6px}.cifra__etiqueta{font-size:13px;font-weight:500;color:var(--p-text-sub);line-height:1.3}.cifra__valor{font-family:var(--font-sans);font-size:var(--fs-cifra);font-weight:650;line-height:1;letter-spacing:-.02em;color:var(--p-text-main)}.cifra__valor--heroe{font-size:var(--fs-cifra-heroe)}.cifra__unidad{font-size:14px;font-weight:500;color:var(--p-text-sub)}.cifra__pie{font-size:12px;line-height:1.5;color:var(--p-text-sub)}.cifra__fila{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.badge--con-flecha{gap:5px}.card--oscura{background-color:var(--c-green-deep);border-color:var(--c-green-deep);color:var(--c-cream)}.card--oscura .cifra__valor,.card--oscura .titulo-bloque{color:var(--c-cream)}.card--oscura .cifra__etiqueta,.card--oscura .cifra__pie,.card--oscura .cifra__unidad{color:var(--c-green-light)}.card--oscura:hover{border-color:var(--c-green-light)}.medidor{--valor: 0;--medidor-color: var(--p-primary);position:relative;width:148px;height:148px;display:grid;place-items:center;flex:none}.medidor__anillo{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--medidor-color) calc(var(--valor) * 1%),color-mix(in srgb,var(--medidor-color) 16%,var(--c-white)) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 16px));mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 16px))}.medidor__centro{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.chispa{display:flex;align-items:flex-end;gap:2px;height:56px;width:100%}.chispa__barra{--v: 0;flex:1 1 0;min-width:3px;max-width:24px;height:max(3px,calc(var(--v) * 1%));border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--p-primary) 22%,var(--c-white))}.chispa__barra--actual{background:var(--p-primary)}.card--oscura .chispa__barra{background:color-mix(in srgb,var(--c-green-light) 30%,transparent)}.card--oscura .chispa__barra--actual{background:var(--c-green-light)}.avatar{display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:var(--p-border);color:var(--p-text-sub);font-family:var(--font-sans);font-weight:600;line-height:1;text-transform:uppercase;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar--xs{width:28px;height:28px;font-size:11px}.avatar--sm{width:36px;height:36px;font-size:13px}.avatar--md{width:48px;height:48px;font-size:16px}.avatar--lg{width:72px;height:72px;font-size:24px}.avatar--xl{width:104px;height:104px;font-size:34px}.avatar--falta{background:transparent;border:2px dashed var(--p-border)}.avatares{display:flex;align-items:center}.avatares>.avatar{box-shadow:0 0 0 2px var(--c-white)}.avatares>.avatar+.avatar{margin-left:-10px}.avatares__resto{margin-left:-10px;font-size:12px;font-weight:600;color:var(--p-text-sub);background:var(--p-border);box-shadow:0 0 0 2px var(--c-white)}.retrato{position:relative;display:flex;align-items:flex-end;min-height:260px;border-radius:var(--radius-card);overflow:hidden;background:var(--p-border)}.retrato__imagen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.retrato__vacio{position:absolute;inset:0;display:grid;place-items:center;gap:10px;align-content:center;text-align:center;padding:20px}.retrato__pie{position:relative;width:100%;margin:12px;padding:12px 14px;border-radius:var(--radius-input);background:#ffffffdb;backdrop-filter:blur(10px)}.retrato__chip{position:absolute;top:12px;left:12px;z-index:1;background:var(--c-green-deep);color:var(--c-cream)}.persona{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-input);transition:var(--transition-ui)}.persona:hover{background:var(--p-bg)}.persona__cuerpo{flex:1;min-width:0}.persona__nombre{font-size:14px;font-weight:600;color:var(--p-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona__detalle{font-size:12px;color:var(--p-text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bloque-encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.titulo-bloque{font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--p-text-main);margin:0}.caja{padding:20px}.caja--holgada{padding:24px}@media (prefers-reduced-motion: reduce){.persona{transition:none}}body.portal .card,body.portal .caja,body.portal .panel{border-radius:var(--p-radius-card);border:var(--p-card-borde);box-shadow:var(--p-card-sombra)}body.portal .card:hover{transform:none;box-shadow:var(--p-card-sombra);border-color:transparent}body.portal a.card:hover,body.portal .card--pulsable:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0f22110d,0 16px 40px #0f221117}body.portal .caja{padding:var(--p-aire)}body.portal .caja--holgada{padding:calc(var(--p-aire) + 4px)}body.portal .persona,body.portal .retrato__pie,body.portal .alert{border-radius:var(--p-radius-pieza)}body.portal .retrato{border-radius:var(--p-radius-card)}body.portal .rejilla{gap:var(--e-5)}:root{--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-5: 20px;--e-6: 24px;--e-7: 32px;--e-8: 48px;--fs-ui-xs: 11px;--fs-ui-s: 12px;--fs-ui-m: 13px;--fs-ui: 14px;--fs-ui-l: 15px;--fs-rotulo: var(--fs-ui-s);--ls-rotulo: .08em;--p-sombra-reposo: 0 1px 2px rgba(15, 34, 17, .04), 0 10px 30px rgba(15, 34, 17, .055);--p-sombra-flotante: 0 2px 6px rgba(15, 34, 17, .06), 0 18px 44px rgba(15, 34, 17, .14);--p-sombra-alzada: 0 2px 4px rgba(15, 34, 17, .05), 0 16px 40px rgba(15, 34, 17, .09);--p-z-barra: 65;--p-z-flotante: 70;--p-z-velo: 75;--p-z-cajon: 80;--p-ancho-estrecho: 720px;--p-ancho-medio: 900px;--p-ancho-ancho: 1320px;--c-oliva: #5F7B2D;--c-oliva-profundo: #4a6122;--c-lima: #C6F135;--p-primary-tinta: #ffffff;--p-superficie: #ffffff;--p-superficie-alta: color-mix(in srgb, var(--c-green-deep) 6%, #ffffff);--p-text-sub-cristal: #475569;--p-cristal: rgba(255, 255, 255, .62);--p-cristal-borde: rgba(255, 255, 255, .72);--p-cristal-luz: rgba(255, 255, 255, .9);--p-cristal-sombra: 0 1px 2px rgba(15, 34, 17, .05), 0 18px 48px rgba(15, 34, 17, .12);--p-cristal-desenfoque: 18px;--p-cristal-solido: rgba(255, 255, 255, .94);--p-cristal-oscuro: rgba(10, 26, 12, .66);--p-cristal-oscuro-borde: rgba(255, 255, 255, .14);--p-cristal-oscuro-luz: rgba(255, 255, 255, .1);--p-cristal-oscuro-solido: rgba(10, 26, 12, .96);--p-fondo: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--c-green) 10%, transparent) 0%, transparent 60%), radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--c-oliva) 8%, transparent) 0%, transparent 55%), repeating-linear-gradient(135deg, color-mix(in srgb, var(--c-green-deep) 3%, transparent) 0 1px, transparent 1px 6px);--p-velo: rgba(6, 15, 7, .45);--p-barra: color-mix(in srgb, var(--c-green-deep) 92%, transparent);--p-barra-texto: #ffffff;--p-barra-texto-suave: rgba(255, 255, 255, .72);--p-barra-hilo: rgba(255, 255, 255, .1);--p-barra-pildora: rgba(255, 255, 255, .1);--p-barra-pildora-hover: rgba(255, 255, 255, .18);--p-barra-pildora-activa: #ffffff;--p-barra-pildora-activa-tinta: var(--c-green-deep);--p-acento-dato: var(--c-oliva);--p-acento-dato-tinta: #ffffff;--p-acento-dato-sobre-oscuro: var(--c-lima);--p-acento-dato-suave: color-mix(in srgb, var(--c-oliva) 16%, #ffffff);--p-exito: #166534;--p-exito-fondo: #dcfce7;--p-exito-borde: #bbf7d0;--p-exito-punto: #22c55e;--p-aviso: #92400e;--p-aviso-fondo: #fef3c7;--p-aviso-borde: #fde68a;--p-aviso-punto: #eab308;--p-error: #b91c1c;--p-error-fondo: #fee2e2;--p-error-borde: #fecaca;--p-error-punto: #ef4444;--p-atencion: #c2410c;--p-atencion-fondo: #ffedd5;--p-atencion-borde: #fed7aa;--p-atencion-punto: #f97316;--p-neutro: #475569;--p-neutro-fondo: #f1f5f9;--p-neutro-borde: #e2e8f0;--p-neutro-punto: #94a3b8;--p-info: #1d4ed8;--p-info-fondo: #eff6ff;--p-info-borde: #bfdbfe;--p-info-punto: #3b82f6;--p-foco: var(--p-primary);--p-acceso-fondo: var(--c-green-deep);--p-medidor-tamano: 148px;--p-medidor-grosor: 14px}:root[data-theme=dark]{--p-bg: #0a1a0c;--p-border: rgba(255, 255, 255, .1);--p-text-main: #e6efe0;--p-text-sub: #9fb59a;--p-text-sub-cristal: #9fb59a;--p-primary: #6db56d;--p-primary-hover: #86c786;--p-primary-tinta: #0a1a0c;--p-card-sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);--p-sombra-reposo: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);--p-sombra-flotante: 0 2px 6px rgba(0, 0, 0, .4), 0 18px 44px rgba(0, 0, 0, .55);--p-sombra-alzada: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .45);--p-superficie: rgba(16, 36, 19, .5);--p-superficie-alta: rgba(255, 255, 255, .06);--p-cristal: rgba(16, 36, 19, .58);--p-cristal-borde: rgba(255, 255, 255, .12);--p-cristal-luz: rgba(255, 255, 255, .09);--p-cristal-sombra: 0 1px 2px rgba(0, 0, 0, .35), 0 18px 48px rgba(0, 0, 0, .45);--p-cristal-solido: rgba(16, 36, 19, .96);--p-cristal-oscuro: rgba(6, 15, 7, .72);--p-cristal-oscuro-borde: rgba(198, 241, 53, .18);--p-cristal-oscuro-luz: rgba(255, 255, 255, .08);--p-cristal-oscuro-solido: rgba(6, 15, 7, .97);--p-fondo-foto: url(/images/colombia-dairy-bg-v2-1440w.webp);--p-velo-foto: linear-gradient(180deg, rgba(6, 15, 7, .8) 0%, rgba(6, 15, 7, .68) 40%, rgba(6, 15, 7, .9) 100%);--p-fondo: var(--p-velo-foto), var(--p-fondo-foto);--p-velo: rgba(0, 0, 0, .7);--p-acento-dato: #C6F135;--p-acento-dato-tinta: #0a1a0c;--p-acento-dato-suave: rgba(198, 241, 53, .16);--p-exito: #4ade80;--p-exito-fondo: rgba(74, 222, 128, .14);--p-exito-borde: rgba(74, 222, 128, .3);--p-exito-punto: #4ade80;--p-aviso: #fbbf24;--p-aviso-fondo: rgba(251, 191, 36, .14);--p-aviso-borde: rgba(251, 191, 36, .3);--p-aviso-punto: #fbbf24;--p-error: #f87171;--p-error-fondo: rgba(248, 113, 113, .14);--p-error-borde: rgba(248, 113, 113, .3);--p-error-punto: #f87171;--p-atencion: #fb923c;--p-atencion-fondo: rgba(251, 146, 60, .14);--p-atencion-borde: rgba(251, 146, 60, .3);--p-atencion-punto: #fb923c;--p-neutro: #9fb59a;--p-neutro-fondo: rgba(255, 255, 255, .08);--p-neutro-borde: rgba(255, 255, 255, .14);--p-neutro-punto: #6b7f66;--p-info: #93c5fd;--p-info-fondo: rgba(147, 197, 253, .14);--p-info-borde: rgba(147, 197, 253, .3);--p-info-punto: #60a5fa;--p-foco: #C6F135}@media (prefers-color-scheme: dark){html:not([data-theme=light]) body.portal{--p-bg: #0a1a0c;--p-border: rgba(255, 255, 255, .1);--p-text-main: #e6efe0;--p-text-sub: #9fb59a;--p-text-sub-cristal: #9fb59a;--p-primary: #6db56d;--p-primary-hover: #86c786;--p-primary-tinta: #0a1a0c;--p-card-sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);--p-sombra-reposo: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);--p-sombra-flotante: 0 2px 6px rgba(0, 0, 0, .4), 0 18px 44px rgba(0, 0, 0, .55);--p-sombra-alzada: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .45);--p-superficie: rgba(16, 36, 19, .5);--p-superficie-alta: rgba(255, 255, 255, .06);--p-cristal: rgba(16, 36, 19, .58);--p-cristal-borde: rgba(255, 255, 255, .12);--p-cristal-luz: rgba(255, 255, 255, .09);--p-cristal-sombra: 0 1px 2px rgba(0, 0, 0, .35), 0 18px 48px rgba(0, 0, 0, .45);--p-cristal-solido: rgba(16, 36, 19, .96);--p-cristal-oscuro: rgba(6, 15, 7, .72);--p-cristal-oscuro-borde: rgba(198, 241, 53, .18);--p-cristal-oscuro-luz: rgba(255, 255, 255, .08);--p-cristal-oscuro-solido: rgba(6, 15, 7, .97);--p-fondo-foto: url(/images/colombia-dairy-bg-v2-1440w.webp);--p-velo-foto: linear-gradient(180deg, rgba(6, 15, 7, .8) 0%, rgba(6, 15, 7, .68) 40%, rgba(6, 15, 7, .9) 100%);--p-fondo: var(--p-velo-foto), var(--p-fondo-foto);--p-velo: rgba(0, 0, 0, .7);--p-acento-dato: #C6F135;--p-acento-dato-tinta: #0a1a0c;--p-acento-dato-suave: rgba(198, 241, 53, .16);--p-exito: #4ade80;--p-exito-fondo: rgba(74, 222, 128, .14);--p-exito-borde: rgba(74, 222, 128, .3);--p-exito-punto: #4ade80;--p-aviso: #fbbf24;--p-aviso-fondo: rgba(251, 191, 36, .14);--p-aviso-borde: rgba(251, 191, 36, .3);--p-aviso-punto: #fbbf24;--p-error: #f87171;--p-error-fondo: rgba(248, 113, 113, .14);--p-error-borde: rgba(248, 113, 113, .3);--p-error-punto: #f87171;--p-atencion: #fb923c;--p-atencion-fondo: rgba(251, 146, 60, .14);--p-atencion-borde: rgba(251, 146, 60, .3);--p-atencion-punto: #fb923c;--p-neutro: #9fb59a;--p-neutro-fondo: rgba(255, 255, 255, .08);--p-neutro-borde: rgba(255, 255, 255, .14);--p-neutro-punto: #6b7f66;--p-info: #93c5fd;--p-info-fondo: rgba(147, 197, 253, .14);--p-info-borde: rgba(147, 197, 253, .3);--p-info-punto: #60a5fa;--p-foco: #C6F135}}body.portal{color-scheme:light}html[data-theme=dark] body.portal{color-scheme:dark}@media (prefers-color-scheme: dark){html:not([data-theme=light]) body.portal{color-scheme:dark}}body.portal{background:var(--p-bg);color:var(--p-text-main)}body.portal.con-foto{isolation:isolate;background:var(--p-bg)}body.portal.con-foto:before{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--p-fondo);background-size:cover;background-position:center 30%;background-repeat:no-repeat;pointer-events:none}.cristal{--p-text-sub: var(--p-text-sub-cristal);background:var(--p-cristal);-webkit-backdrop-filter:blur(var(--p-cristal-desenfoque)) saturate(1.4);backdrop-filter:blur(var(--p-cristal-desenfoque)) saturate(1.4);box-shadow:inset 0 1px 0 var(--p-cristal-luz),inset 0 0 0 1px var(--p-cristal-borde),var(--p-cristal-sombra)}.cristal--oscuro{background:var(--p-cristal-oscuro);color:var(--c-cream);box-shadow:inset 0 1px 0 var(--p-cristal-oscuro-luz),inset 0 0 0 1px var(--p-cristal-oscuro-borde),var(--p-cristal-sombra)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cristal{background:var(--p-cristal-solido)}.cristal--oscuro{background:var(--p-cristal-oscuro-solido)}}body.portal .card,body.portal .panel{background:var(--p-superficie);color:var(--p-text-main);padding:var(--p-aire)}body.portal .card--table{padding:0}body.portal .card.cristal{background:var(--p-cristal);border-color:transparent}body.portal .card--oscura,body.portal .card--oscura.cristal{background:var(--p-cristal-oscuro);-webkit-backdrop-filter:blur(var(--p-cristal-desenfoque)) saturate(1.4);backdrop-filter:blur(var(--p-cristal-desenfoque)) saturate(1.4);border-color:transparent;color:var(--c-cream);box-shadow:inset 0 1px 0 var(--p-cristal-oscuro-luz),inset 0 0 0 1px var(--p-cristal-oscuro-borde),var(--p-cristal-sombra)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){body.portal .card.cristal{background:var(--p-cristal-solido)}body.portal .card--oscura{background:var(--p-cristal-oscuro-solido)}}body.portal .card--oscura .cifra__valor--heroe{color:var(--p-acento-dato-sobre-oscuro)}body.portal .card--oscura .cifra__etiqueta,body.portal .card--oscura .rotulo{color:var(--c-green-light)}body.portal a.card:hover,body.portal .card--pulsable:hover{box-shadow:var(--p-sombra-alzada)}body.portal .flotante{box-shadow:var(--p-sombra-flotante);z-index:var(--p-z-flotante)}body.portal :is(.rejilla,.dashboard-stack,.formulario,.portal-rail)>*{margin-block:0}.banda{position:sticky;top:0;z-index:var(--p-z-barra);background:var(--p-barra);color:var(--p-barra-texto);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 -1px 0 var(--p-barra-hilo)}.banda__marca img{height:40px;width:auto}.banda .pildora,.banda__boton{background:var(--p-barra-pildora);color:var(--p-barra-texto);box-shadow:inset 0 0 0 1px var(--p-barra-hilo)}.banda .pildora:hover,.banda__boton:hover{background:var(--p-barra-pildora-hover);color:var(--p-barra-texto)}.banda .pildora--activa,.banda .pildora--activa:hover{background:var(--p-barra-pildora-activa);color:var(--p-barra-pildora-activa-tinta);box-shadow:none}.banda__boton{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;border:0;cursor:pointer;flex:none;transition:var(--transition-ui)}.banda__boton svg{width:20px;height:20px}.banda .avatar--falta{border-color:var(--p-barra-texto-suave);color:var(--p-barra-texto)}.banda__enlace{color:var(--p-barra-texto-suave)}.banda__enlace:hover{color:var(--p-barra-texto)}.tema__luna,html[data-theme=dark] .tema__sol{display:none}html[data-theme=dark] .tema__luna{display:block}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .tema__sol{display:none}html:not([data-theme=light]) .tema__luna{display:block}}body.portal .portal-velo{background:var(--p-velo);z-index:var(--p-z-velo)}body.portal .portal-cajon{z-index:var(--p-z-cajon);background:var(--p-superficie)}body.portal .btn-primary,body.portal .btn-secondary,body.portal .btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);min-height:48px;padding:0 var(--e-6);border-radius:var(--radius-btn);border:1px solid transparent;font-weight:500;font-size:var(--fs-ui-l);white-space:nowrap;cursor:pointer;text-decoration:none;transition:var(--transition-ui)}body.portal .btn-primary,body.portal .btn--primary{background-color:var(--p-primary);color:var(--p-primary-tinta)}body.portal .btn-primary:hover,body.portal .btn--primary:hover{background-color:var(--p-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0a1a0c24}body.portal .btn--dato{background-color:var(--p-acento-dato);color:var(--p-acento-dato-tinta);border-color:transparent}body.portal .btn--dato:hover{filter:brightness(1.06)}body.portal .card--oscura .btn--dato,body.portal .cristal--oscuro .btn--dato{background-color:var(--p-acento-dato-sobre-oscuro);color:var(--c-dark)}body.portal .btn--outline-dark{border:1px solid var(--p-border);color:var(--p-text-main)}body.portal .btn--outline-dark:hover{border-color:var(--p-text-sub)}.btn--ancho-completo{width:100%}body.portal .alert{border-color:transparent}.punto{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none;background:var(--punto-color, var(--p-neutro-punto));box-shadow:0 0 0 3px color-mix(in srgb,var(--punto-color, var(--p-neutro-punto)) 22%,transparent)}.punto--exito{--punto-color: var(--p-exito-punto)}.punto--aviso{--punto-color: var(--p-aviso-punto)}.punto--error{--punto-color: var(--p-error-punto)}.punto--atencion{--punto-color: var(--p-atencion-punto)}.punto--neutro{--punto-color: var(--p-neutro-punto)}.punto--info{--punto-color: var(--p-info-punto)}body.portal .progress-track{background:var(--p-superficie-alta)}body.portal .data-table tbody tr{border-top-color:var(--p-border)}body.portal .avatar{background:var(--p-superficie-alta);color:var(--p-text-sub)}body.portal .avatares>.avatar,body.portal .avatares__resto{box-shadow:0 0 0 2px var(--p-superficie)}body.portal .retrato{background:var(--p-superficie-alta)}body.portal .retrato__pie{background:var(--p-cristal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.portal .link-accent{color:var(--p-acento-dato)}body.portal .card--oscura .link-accent{color:var(--p-acento-dato-sobre-oscuro)}body.portal .consent-row{color:var(--p-text-sub)}.rotulo{display:block;font-size:var(--fs-rotulo);font-weight:600;letter-spacing:var(--ls-rotulo);text-transform:uppercase;line-height:1.3;color:var(--p-text-sub)}.texto-apoyo{font-size:var(--fs-ui);line-height:1.55;color:var(--p-text-sub)}.texto-apoyo--s{font-size:var(--fs-ui-m)}body.portal .page-title,body.portal .titulo-bloque,body.portal h1,body.portal h2,body.portal h3{text-wrap:balance}body.portal .titulo-bloque{font-size:17px}.cifra-tabular,.badge,.cifra__pie,.cifra__unidad,body.portal .data-table td{font-variant-numeric:tabular-nums}.formulario{display:flex;flex-direction:column;gap:var(--e-5)}.pie-pantalla{text-align:center;font-size:var(--fs-ui);color:var(--p-text-sub);margin-top:var(--e-6)}.item-lista{display:flex;align-items:center;gap:var(--e-3);padding:var(--e-4) var(--e-5);border:1px solid var(--p-border);border-radius:var(--p-radius-pieza);background:var(--p-superficie)}.item-lista__cuerpo{flex:1;min-width:0}.vacio{text-align:center;padding:calc(var(--p-aire) + var(--e-4)) var(--p-aire)}.vacio__icono{color:var(--p-neutro-punto);margin:0 auto var(--e-3)}.vacio__titulo{font-size:18px;font-weight:600;margin-bottom:var(--e-2)}.vacio__texto{color:var(--p-text-sub);max-width:46ch;margin:0 auto;line-height:1.6}.vacio__accion{margin-top:var(--e-5)}.etiqueta{display:inline-flex;align-items:center;font-size:var(--fs-ui-s);font-weight:500;padding:4px 10px;border-radius:999px;background:var(--p-exito-fondo);color:var(--p-exito)}.etiqueta--sobre-oscuro{background:#ffffff24;color:#fff}body.portal .medidor{--medidor-color: var(--p-acento-dato);width:var(--p-medidor-tamano);height:var(--p-medidor-tamano)}body.portal .medidor__anillo{background:conic-gradient(var(--medidor-color) calc(var(--valor) * 1%),var(--p-acento-dato-suave) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--p-medidor-grosor)),#000 calc(100% - var(--p-medidor-grosor) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--p-medidor-grosor)),#000 calc(100% - var(--p-medidor-grosor) + .5px))}body.portal .medidor__anillo:before,body.portal .medidor__anillo:after{content:"";position:absolute;top:0;left:calc(50% - var(--p-medidor-grosor) / 2);width:var(--p-medidor-grosor);height:var(--p-medidor-grosor);border-radius:50%;background:var(--medidor-color);transform-origin:50% calc(var(--p-medidor-tamano) / 2)}body.portal .medidor__anillo:after{transform:rotate(calc(var(--valor) * 3.6deg))}body.portal .medidor .cifra__valor{font-size:var(--fs-cifra)}body.portal .medidor--sm{--p-medidor-tamano: 96px;--p-medidor-grosor: 10px}body.portal .medidor--sm .cifra__valor{font-size:22px}body.portal .medidor--sm .cifra__etiqueta{font-size:var(--fs-ui-xs)}body.portal .chispa__barra{background:var(--p-acento-dato-suave)}body.portal .chispa__barra--actual{background:var(--p-acento-dato)}body.portal .card--oscura .chispa__barra{background:#c6f1352e}body.portal .card--oscura .chispa__barra--actual{background:var(--p-acento-dato-sobre-oscuro)}body.portal .chispa--reloj .chispa__barra{height:100%;background:transparent;border-bottom:3px solid var(--p-acento-dato-suave);border-radius:0}body.portal .chispa--reloj .chispa__barra--actual{border-bottom-color:var(--p-acento-dato);background:linear-gradient(180deg,transparent 0%,var(--p-acento-dato-suave) 100%);border-radius:4px 4px 0 0}body.portal .card--oscura .chispa--reloj .chispa__barra{border-bottom-color:#c6f13538}body.portal .card--oscura .chispa--reloj .chispa__barra--actual{border-bottom-color:var(--p-acento-dato-sobre-oscuro);background:linear-gradient(180deg,transparent 0%,rgba(198,241,53,.18) 100%)}@media (min-width: 481px) and (max-width: 768px){.rejilla>.ancho-t-3{grid-column:span 3}.rejilla>.ancho-t-6{grid-column:span 6}}body.portal :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--p-foco);outline-offset:3px}body.portal .card a:not(.btn):not(.btn-primary):not(.btn-secondary):not(.badge):not(.avatar):hover{text-decoration:underline;text-underline-offset:3px}body.portal a.card.cristal:hover,body.portal .card.cristal.card--pulsable:hover{transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){body.portal .btn-primary,body.portal .btn--primary,body.portal .btn--dato,body.portal a.card.cristal,body.portal .card--pulsable,.banda__boton,body.portal .medidor__anillo,body.portal .medidor__anillo:after{transition:none}body.portal .btn-primary:hover,body.portal .btn--primary:hover,body.portal a.card.cristal:hover,body.portal .card.cristal.card--pulsable:hover{transform:none}}:root{--p-franja-ancho: 72px;--p-franja-abierta: 240px;--p-franja-margen: var(--e-4);--p-franja-icono: 20px;--p-franja-abrir: .12s;--p-franja-cerrar: .22s;--p-franja-duracion: .24s;--p-franja-fundido: .15s;--p-panel-ancho: 320px;--p-franja-activa: color-mix(in srgb, var(--c-lima) 16%, transparent);--p-franja-activa-tinta: var(--p-acento-dato-sobre-oscuro)}.portal-con-franja{min-height:100vh;padding-left:calc(var(--p-franja-ancho) + var(--p-franja-margen) * 2)}.portal-con-franja>.portal-main{min-width:0}.portal-con-franja .portal-columnas,.portal-con-franja .portal-cabecera{max-width:var(--p-ancho-ancho);margin-inline:auto}.franja{position:fixed;top:var(--p-franja-margen);bottom:var(--p-franja-margen);left:var(--p-franja-margen);width:var(--p-franja-ancho);display:flex;flex-direction:column;gap:var(--e-2);padding:var(--e-4) var(--e-2);border-radius:var(--p-radius-card);z-index:var(--p-z-barra);color:var(--p-barra-texto);overflow:hidden;transition:width var(--p-franja-duracion) cubic-bezier(.16,1,.3,1) var(--p-franja-cerrar)}@media (hover: hover){.franja:hover{width:var(--p-franja-abierta);transition-delay:var(--p-franja-abrir)}}.franja:has(:focus-visible),.franja--abierta{width:var(--p-franja-abierta);transition-delay:var(--p-franja-abrir)}.franja__nav{display:flex;flex-direction:column;gap:var(--e-1);flex:1;min-height:0}.franja__destino{display:grid;grid-template-columns:calc(var(--p-franja-ancho) - var(--e-2) * 2) minmax(0,1fr) auto;align-items:center;width:100%;min-height:44px;padding:0;border:0;border-radius:var(--radius-btn);background:transparent;color:var(--p-barra-texto-suave);font-size:var(--fs-ui);font-weight:500;line-height:1.2;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-touch-callout:none;transition:var(--transition-ui)}.franja__destino svg{width:var(--p-franja-icono);height:var(--p-franja-icono);justify-self:center;flex:none}.franja__destino:hover{background:var(--p-barra-pildora-hover);color:var(--p-barra-texto)}.franja__destino--activo,.franja__destino--activo:hover{background:var(--p-franja-activa);color:var(--p-franja-activa-tinta)}.franja__nombre{overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .1s ease}.franja__nota{padding-right:var(--e-4);font-size:var(--fs-ui-xs);font-weight:600;letter-spacing:var(--ls-rotulo);text-transform:uppercase;color:var(--p-barra-texto-suave);opacity:0;transition:opacity .1s ease}@media (hover: hover){.franja:hover .franja__nombre,.franja:hover .franja__nota{opacity:1;transition:opacity var(--p-franja-fundido) ease calc(var(--p-franja-abrir) + var(--p-franja-duracion))}}.franja:has(:focus-visible) .franja__nombre,.franja:has(:focus-visible) .franja__nota,.franja--abierta .franja__nombre,.franja--abierta .franja__nota{opacity:1;transition:opacity var(--p-franja-fundido) ease calc(var(--p-franja-abrir) + var(--p-franja-duracion))}body.portal .franja :is(a,button):focus-visible{outline:2px solid var(--p-barra-pildora-activa);outline-offset:-2px}.franja__pie{margin-top:auto;padding-top:var(--e-2);display:flex;flex-direction:column;gap:var(--e-1)}.franja__cabecera,.franja__cerrar,.franja__velo{display:none}.banda--solo-cajon{display:none;align-items:center;gap:var(--e-3);padding:var(--e-2) var(--e-4)}.banda--solo-cajon .banda__marca img{height:32px}.banda--solo-cajon .banda__derecha{display:flex;align-items:center;gap:var(--e-2);margin-left:auto}@media (max-width: 1024px){.portal-con-franja{padding-left:0}.franja,.franja:hover,.franja:has(:focus-visible),.franja--abierta{width:min(280px,calc(100vw - var(--p-franja-margen) * 2));z-index:var(--p-z-cajon);overflow-y:auto;overscroll-behavior:contain;transform:translate(calc(-100% - var(--p-franja-margen)));visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.franja--cajon-abierto,.franja--cajon-abierto:hover,.franja--cajon-abierto:has(:focus-visible){transform:none;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s}.franja__cabecera{display:flex;justify-content:flex-end;padding:0 var(--e-1) var(--e-2)}.franja__cerrar{display:inline-grid}.franja .franja__nombre,.franja .franja__nota{opacity:1;transition:none}.franja__velo{display:block;position:fixed;inset:0;z-index:var(--p-z-velo);background:var(--p-velo);opacity:0;pointer-events:none;transition:opacity .3s ease}.franja--cajon-abierto+.franja__velo{opacity:1;pointer-events:auto}.banda--solo-cajon{display:flex}}.portal-cabecera{display:flex;align-items:center;gap:var(--e-3);min-height:44px;padding:var(--e-7) var(--p-aire) 0}.portal-cabecera__derecha{display:flex;align-items:center;gap:var(--e-3);margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.portal-marca{display:inline-flex;align-items:center;min-height:44px;flex:none}.portal-marca img{width:auto}.portal-marca__clara{height:32px}.portal-marca__oscura{height:44px;display:none}html[data-theme=dark] .portal-marca__clara{display:none}html[data-theme=dark] .portal-marca__oscura{display:block}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .portal-marca__clara{display:none}html:not([data-theme=light]) .portal-marca__oscura{display:block}}.cuenta{display:inline-flex;align-items:center;gap:var(--e-3);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:right}.cuenta__texto{display:flex;flex-direction:column;gap:2px;min-width:0}.cuenta__nombre{font-size:var(--fs-ui);font-weight:600;line-height:1.2;color:var(--p-text-main);white-space:nowrap}.cuenta__papel{font-size:var(--fs-ui-s);line-height:1.3;color:var(--p-text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32ch}.cuenta:hover .boton-redondo{background:var(--p-superficie-alta)}@media (max-width: 1024px){.portal-cabecera{padding-top:var(--e-4)}.portal-cabecera .portal-marca,.portal-cabecera .cuenta{display:none}}.boton-redondo{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;border:0;padding:0;cursor:pointer;flex:none;background:var(--p-superficie);color:var(--p-text-main);box-shadow:inset 0 0 0 1px var(--p-border),var(--p-sombra-reposo);transition:var(--transition-ui)}.boton-redondo:hover{background:var(--p-superficie-alta)}.boton-redondo svg{width:20px;height:20px}.cuenta__boton .avatar{pointer-events:none}.panel-personal{position:fixed;top:var(--p-franja-margen);right:var(--p-franja-margen);bottom:var(--p-franja-margen);width:min(var(--p-panel-ancho),calc(100vw - var(--p-franja-margen) * 2));z-index:var(--p-z-cajon);display:flex;flex-direction:column;gap:var(--e-4);padding:var(--p-aire) var(--e-5);border-radius:var(--p-radius-card);color:var(--p-text-main);overflow-y:auto;overscroll-behavior:contain;transform:translate(calc(100% + var(--p-franja-margen)));visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.panel-personal--abierto{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s}.panel-personal__velo{position:fixed;inset:0;z-index:var(--p-z-velo);background:var(--p-velo);opacity:0;pointer-events:none;transition:opacity .3s ease}.panel-personal--abierto+.panel-personal__velo{opacity:1;pointer-events:auto}.panel-personal__cabecera{display:flex;align-items:center;gap:var(--e-3);padding-right:var(--e-8)}.panel-personal__cerrar{position:absolute;top:var(--e-4);right:var(--e-4)}.panel-personal__texto{min-width:0}.panel-personal__nombre{font-size:var(--fs-ui-l);font-weight:600;color:var(--p-text-main)}.panel-personal__org,.panel-personal__rol{font-size:var(--fs-ui-m);color:var(--p-text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-personal__rol{font-weight:600;color:var(--p-acento-dato)}.panel-personal__lista{display:flex;flex-direction:column;gap:var(--e-1)}.panel-personal__item{display:flex;align-items:center;gap:var(--e-3);width:100%;min-height:44px;padding:0 var(--e-3);border:0;border-radius:var(--radius-btn);background:transparent;color:var(--p-text-main);font-size:var(--fs-ui);font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:var(--transition-ui)}.panel-personal__item:hover{background:var(--p-superficie-alta)}.panel-personal__item>svg{width:20px;height:20px;flex:none;color:var(--p-text-sub)}.panel-personal__item[hidden]{display:none}.panel-personal__cuerpo{display:flex;flex-direction:column;gap:2px;min-width:0}.panel-personal__nota{font-size:var(--fs-ui-s);font-weight:400;color:var(--p-text-sub)}.panel-personal__separador{border:0;border-top:1px solid var(--p-border);margin:var(--e-2) 0}.interruptor{position:relative;margin-left:auto;width:40px;height:22px;flex:none;border-radius:var(--radius-btn);background:var(--p-superficie-alta);box-shadow:inset 0 0 0 1px var(--p-border);transition:var(--transition-ui)}.interruptor:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--p-text-sub);transition:var(--transition-ui)}[aria-checked=true]>.interruptor{background:var(--p-primary);box-shadow:none}[aria-checked=true]>.interruptor:after{transform:translate(18px);background:var(--p-primary-tinta)}.panel-personal__demo{margin-top:auto;padding-top:var(--e-4);border-top:1px solid var(--p-border);display:flex;flex-direction:column;gap:var(--e-2)}.selector-arquetipo{display:flex;flex-direction:column;align-items:stretch;gap:var(--e-2);font-size:var(--fs-ui-m);color:var(--p-text-sub)}.selector-arquetipo__campo{position:relative;display:flex}.selector-arquetipo select{width:100%;min-height:44px;padding:0 var(--e-8) 0 var(--e-4);border-radius:var(--radius-btn);border:1px solid var(--p-border);background:var(--p-superficie);color:var(--p-text-main);font-size:var(--fs-ui);font-weight:500;cursor:pointer;-webkit-appearance:none;appearance:none}.selector-arquetipo__campo svg{position:absolute;right:var(--e-4);top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;color:var(--p-text-sub)}@media (prefers-reduced-motion: reduce){.franja,.franja:hover,.franja:has(:focus-visible),.franja--abierta,.franja--cajon-abierto,.franja__velo,.franja__destino,.franja__nombre,.franja__nota,.franja:hover .franja__nombre,.franja:hover .franja__nota,.franja:has(:focus-visible) .franja__nombre,.franja:has(:focus-visible) .franja__nota,.franja--abierta .franja__nombre,.franja--abierta .franja__nota,.panel-personal,.panel-personal--abierto,.panel-personal__velo,.panel-personal__item,.interruptor,.interruptor:after,.boton-redondo,.cuenta{transition:none;transition-delay:0s}}