:root{--color-primary: #1a4f6b;--color-primary-dark: #0e3550;--color-primary-deep: #07223a;--color-primary-light: #2a7099;--color-primary-soft: #d7e2ea;--color-accent: #c9a84c;--color-accent-light: #e2c068;--color-bg: #ffffff;--color-bg-alt: #f8f6f1;--color-bg-dark: #0e3550;--color-fg: #1a1a1a;--color-fg-muted: #555555;--color-fg-subtle: #888888;--color-fg-on-dark: #ffffff;--color-border: #e5e5e5;--color-border-strong: #cfcfcf;--color-border-accent: #c9a84c;--color-success: #2d8659;--color-success-soft: #e3f2e9;--color-warning: #c18a1f;--color-warning-soft: #fdf3dd;--color-danger: #b23a3a;--color-danger-soft: #fbe8e8;--font-display: "Montserrat", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-body: "Open Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 30px;--fs-3xl: 36px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.55;--ls-tight: -.02em;--ls-uppercase: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 12px;--radius-md: 22px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(7, 34, 58, .06);--shadow-sm: 0 1px 3px rgba(7, 34, 58, .08), 0 1px 2px rgba(7, 34, 58, .04);--shadow-md: 0 4px 12px rgba(7, 34, 58, .1);--shadow-lg: 0 12px 28px rgba(7, 34, 58, .14);--dur-rapida: .15s;--dur-normal: .26s;--ease-salida: cubic-bezier(.16, 1, .3, 1);--petroleo: var(--color-primary);--petroleo-oscuro: var(--color-primary-dark);--petroleo-noche: var(--color-primary-deep);--dorado: var(--color-accent);--dorado-oscuro: #a98a35;--fondo: var(--color-bg-alt);--blanco: var(--color-bg);--gris: var(--color-fg-muted);--gris-claro: #d9d5cc;--gris-suave: #ece9e2;--texto: var(--color-fg);--verde: var(--color-success);--verde-suave: var(--color-success-soft);--ambar: var(--color-warning);--ambar-suave: var(--color-warning-soft);--rojo: var(--color-danger);--rojo-suave: var(--color-danger-soft);--fuente-titulos: var(--font-display);--fuente-texto: var(--font-body);--radio: var(--radius-sm);--sombra: var(--shadow-sm);--sombra-alta: var(--shadow-lg);--ancho-max: 1460px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--fondo);color:var(--texto);font-family:var(--fuente-texto);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--fuente-titulos);color:var(--petroleo-oscuro);margin:0 0 .5rem;line-height:1.25}h1{font-size:clamp(1.75rem,1.4rem + 1.1vw,2.25rem);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold)}h3{font-size:var(--fs-md);font-weight:var(--fw-semibold)}h4{font-size:var(--fs-base);font-weight:var(--fw-semibold)}a{color:var(--petroleo)}p{margin:0 0 .75rem}.cabecera{background:var(--blanco);border-bottom:3px solid var(--dorado);box-shadow:var(--sombra);position:sticky;top:0;z-index:20}.cabecera__fila{max-width:var(--ancho-max);margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cabecera__logo img{height:44px;width:auto;display:block}.cabecera__usuario{margin-left:auto;display:flex;align-items:center;gap:.75rem;font-size:var(--fs-base)}.cabecera__nombre{font-weight:600;color:var(--petroleo-oscuro)}.cabecera__rol{display:inline-block;background:var(--petroleo);color:var(--blanco);font-family:var(--fuente-titulos);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px}.nav{background:var(--petroleo-oscuro)}.nav__lista{max-width:var(--ancho-max);margin:0 auto;padding:0 .5rem;display:flex;gap:.15rem;list-style:none;overflow-x:auto;scrollbar-width:thin}.nav__enlace{display:block;padding:.7rem .9rem;color:#ffffffd9;text-decoration:none;font-family:var(--fuente-titulos);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}.nav__enlace:hover,.nav__enlace:focus-visible{color:var(--blanco);outline:none}.nav__enlace--activo{color:var(--dorado);border-bottom-color:var(--dorado)}.contenido{max-width:var(--ancho-max);margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-16)}@media(max-width:900px){.contenido{padding:var(--space-6) var(--space-4) var(--space-12)}}.pagina__cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}.pagina__cabecera p{color:var(--color-fg-muted);font-size:var(--fs-md);margin:0;max-width:60ch}.tarjeta{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-6)}@media(max-width:700px){.tarjeta{padding:var(--space-5)}}.tarjeta--acento{border-left:4px solid var(--dorado)}.tarjeta__titulo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);align-items:start}.rejilla>.tarjeta{margin-bottom:0}.rejilla--detalle{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media(max-width:700px){.rejilla--detalle{grid-template-columns:minmax(0,1fr)}}.metrica{display:flex;flex-direction:column;gap:.15rem}.metrica__valor{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:700;color:var(--petroleo);line-height:1.1}.metrica__etiqueta{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:var(--ls-uppercase)}.barra{height:8px;background:var(--gris-suave);border-radius:999px;overflow:hidden;margin-top:.4rem}.barra__relleno{height:100%;background:linear-gradient(90deg,var(--petroleo),var(--dorado));border-radius:999px;transition:width .4s ease}.tabla-envoltorio{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.tabla th,.tabla td{padding:var(--space-4) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.tabla th{position:sticky;top:0;z-index:1;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-uppercase);color:var(--color-fg-muted);background:var(--color-bg-alt);white-space:nowrap}.tabla tbody tr:last-child td{border-bottom:0}.tabla tr.fila--enlace{cursor:pointer}.tabla tr.fila--enlace:hover{background:var(--color-bg-alt)}.tabla td.num{text-align:right;font-variant-numeric:tabular-nums}.semaforo{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-right:.4rem}.semaforo--verde{background:var(--verde)}.semaforo--ambar{background:#e0a100}.semaforo--rojo{background:var(--rojo)}.etiqueta{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--gris-suave);color:var(--gris);white-space:nowrap}.etiqueta--verde{background:var(--verde-suave);color:var(--verde)}.etiqueta--ambar{background:var(--ambar-suave);color:var(--ambar)}.etiqueta--rojo{background:var(--rojo-suave);color:var(--rojo)}.etiqueta--azul{background:#e2ecf2;color:var(--petroleo)}.etiqueta--dorado{background:#f5ecd3;color:var(--dorado-oscuro)}.boton{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radio);border:1px solid transparent;font-family:var(--fuente-titulos);font-size:var(--fs-sm);font-weight:600;cursor:pointer;text-decoration:none;line-height:1.2;transition:background .15s,box-shadow .15s,transform .05s}.boton:disabled{opacity:.55;cursor:not-allowed}.boton:active:not(:disabled){transform:translateY(1px)}.boton--primario{background:var(--dorado);color:var(--petroleo-noche)}.boton--primario:hover:not(:disabled){background:#d8b85c;box-shadow:0 2px 8px #c9a84c66}.boton--secundario{background:var(--petroleo);color:var(--blanco)}.boton--secundario:hover:not(:disabled){background:var(--petroleo-oscuro)}.boton--fantasma{background:transparent;color:var(--petroleo);border-color:var(--petroleo)}.boton--fantasma:hover:not(:disabled){background:#e9f0f4}.boton--peligro{background:transparent;color:var(--rojo);border-color:var(--rojo)}.boton--peligro:hover:not(:disabled){background:var(--rojo-suave)}.boton--pequeno{padding:.3rem .7rem;font-size:var(--fs-sm)}.acciones{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.formulario{display:grid;gap:.9rem}.formulario--columnas{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.campo{display:flex;flex-direction:column;gap:.3rem}.campo--ancho{grid-column:1 / -1}.campo label,.campo>span{font-family:var(--fuente-titulos);font-size:var(--fs-sm);font-weight:600;color:var(--petroleo-oscuro)}.campo input,.campo select,.campo textarea{font-family:var(--fuente-texto);font-size:var(--fs-base);padding:.5rem .65rem;border:1px solid var(--gris-claro);border-radius:var(--radio);background:var(--blanco);color:var(--texto);width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--dorado);outline-offset:1px;border-color:var(--dorado)}.campo textarea{min-height:90px;resize:vertical}.campo--check{flex-direction:row;align-items:flex-start;gap:.6rem}.campo--check input{width:auto;margin-top:.2rem}.campo--check label{font-family:var(--fuente-texto);font-weight:400;font-size:var(--fs-base);color:var(--texto)}.ayuda{font-size:var(--fs-sm);color:var(--gris)}.aviso{padding:.75rem 1rem;border-radius:var(--radio);margin-bottom:1rem;display:flex;gap:.75rem;align-items:flex-start;font-size:var(--fs-base)}.aviso--error{background:var(--rojo-suave);color:var(--rojo);border-left:4px solid var(--rojo)}.aviso--exito{background:var(--verde-suave);color:var(--verde);border-left:4px solid var(--verde)}.aviso--info{background:#e2ecf2;color:var(--petroleo-oscuro);border-left:4px solid var(--petroleo)}.aviso--ambar{background:var(--ambar-suave);color:var(--ambar);border-left:4px solid var(--ambar)}.aviso__cerrar{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;font-size:var(--fs-md);line-height:1}.vacio{text-align:center;color:var(--gris);padding:2rem 1rem;border:1px dashed var(--gris-claro);border-radius:var(--radio)}.cargando{color:var(--gris);padding:1.5rem;text-align:center;font-style:italic}.calendario__cabecera{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.calendario__mes{font-family:var(--fuente-titulos);font-weight:600;color:var(--petroleo-oscuro)}.calendario__rejilla{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendario__dia-nombre{text-align:center;font-family:var(--fuente-titulos);font-size:var(--fs-xs);text-transform:uppercase;color:var(--gris);padding:.25rem 0}.calendario__celda{min-height:78px;background:var(--fondo);border-radius:4px;padding:.25rem .3rem;font-size:var(--fs-xs);overflow:hidden}.calendario__celda--fuera{opacity:.4}.calendario__celda--hoy{outline:2px solid var(--dorado)}.calendario__numero{font-weight:600;color:var(--petroleo-oscuro)}.calendario__evento{display:block;width:100%;text-align:left;border:none;background:var(--petroleo);color:var(--blanco);border-radius:3px;padding:.1rem .3rem;margin-top:.2rem;font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:inherit}.calendario__evento--individual{background:var(--dorado);color:var(--petroleo-noche)}.calendario__evento--cancelada{background:var(--gris-claro);color:var(--gris);text-decoration:line-through}@media(max-width:640px){.calendario__celda{min-height:54px;font-size:var(--fs-xs)}.calendario__evento{font-size:var(--fs-xs);padding:.05rem .2rem}}.cuadrante{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.cuadrante__dia{background:var(--fondo);border-radius:var(--radio);padding:.6rem}.cuadrante__dia h4{margin-bottom:.4rem;font-size:var(--fs-sm)}.tramo{display:flex;align-items:center;justify-content:space-between;gap:.4rem;background:var(--blanco);border-radius:4px;padding:.3rem .5rem;margin-bottom:.3rem;font-size:var(--fs-sm)}.huecos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.hueco{border:1px solid var(--petroleo);background:var(--blanco);color:var(--petroleo);border-radius:var(--radio);padding:.5rem;font-size:var(--fs-sm);cursor:pointer;text-align:center;font-family:var(--fuente-texto)}.hueco:hover:not(:disabled){background:var(--petroleo);color:var(--blanco)}.hueco:disabled{opacity:.5;cursor:wait}.detalles{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;font-size:var(--fs-base);margin:0}.detalles dt{color:var(--gris);font-weight:600}.detalles dd{margin:0}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem 1rem;background:linear-gradient(160deg,var(--petroleo-noche) 0%,var(--petroleo) 100%)}.login__caja{background:var(--blanco);border-radius:12px;box-shadow:var(--sombra-alta);padding:2rem 1.75rem;width:100%;max-width:420px;border-top:5px solid var(--dorado)}.login__caja img{max-width:220px;display:block;margin:0 auto 1.25rem}.login__caja h1{text-align:center;font-size:var(--fs-xl)}.texto-gris{color:var(--gris)}.texto-pequeno{font-size:var(--fs-sm)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-0{margin-bottom:0}.filtros{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.filtros .campo{min-width:180px;flex:1}.lista-simple{list-style:none;padding:0;margin:0}.lista-simple li{padding:.55rem 0;border-bottom:1px solid var(--gris-suave);display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:center}.lista-simple li:last-child{border-bottom:none}.codigo{font-family:Consolas,monospace;background:var(--fondo);padding:.15rem .4rem;border-radius:4px;font-size:var(--fs-sm)}.banda-revision{background:var(--dorado);color:var(--petroleo-noche);padding:.5rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:var(--fs-base)}.banda-revision a{color:var(--petroleo-noche);font-weight:600;white-space:nowrap}.login__opciones{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-top:1rem}.enlace{background:none;border:0;padding:0;color:var(--petroleo);text-decoration:underline;cursor:pointer;font:inherit;font-size:var(--fs-base)}.enlace:hover{color:var(--petroleo-oscuro)}.login__portales{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gris-suave)}.direcciones{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.direcciones li{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--gris-suave);border-radius:var(--radio)}.direcciones .codigo{word-break:break-all}.acciones--vertical{flex-direction:column;align-items:flex-start;gap:.35rem}.lista-simple li{display:flex;justify-content:space-between;align-items:center;gap:1rem}.banda-revision select{border:1px solid var(--petroleo-noche);border-radius:var(--radio);padding:.15rem .35rem;background:var(--blanco);color:var(--texto);font:inherit;font-size:var(--fs-base);max-width:16rem}.dato-fijo{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;padding:var(--space-2) var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:42px}.caja-en-linea{flex-basis:100%;margin-top:var(--space-3);padding:var(--space-4);background:var(--color-primary-soft);border-radius:var(--radius-sm);display:grid;gap:var(--space-3)}.panel-salto{text-align:center;padding:var(--space-10) var(--space-6)}.panel-salto p{margin-bottom:var(--space-5)}.boton--grande{font-size:var(--fs-md);padding:var(--space-3) var(--space-8);border-radius:var(--radius-pill)}.peticion{display:grid;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.peticion:first-of-type{border-top:0}.peticion .acciones input{flex:1 1 14rem}.avance{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-5);background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6)}.avance__dato{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.avance__etiqueta{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-uppercase);text-transform:uppercase;color:var(--color-fg-subtle)}.avance__valor{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--color-fg)}.avance__valor--vacio{font-size:var(--fs-md);color:var(--color-fg-muted)}.avance__detalle{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--color-fg-muted)}.medidor{display:block;height:10px;background:var(--color-primary-soft);border-radius:0 4px 4px 0;overflow:hidden}.medidor__relleno{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--color-primary);transition:width var(--dur-normal) var(--ease-salida)}.medidor__relleno--bien{background:var(--color-success)}.medidor__relleno--aviso{background:var(--color-warning)}.medidor__relleno--agotado{background:var(--color-danger)}@media(prefers-reduced-motion:reduce){.medidor__relleno{transition:none}}.pestanas{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.pestana{background:none;border:0;border-bottom:3px solid transparent;padding:var(--space-3) var(--space-4);font:inherit;font-family:var(--font-display);font-weight:var(--fw-medium);color:var(--color-fg-muted);cursor:pointer}.pestana:hover{color:var(--color-primary)}.pestana--activa{color:var(--color-primary-dark);border-bottom-color:var(--color-accent)}.hilo{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.hilo__mensajes{list-style:none;margin:0 0 var(--space-5);padding:0;display:grid;gap:var(--space-3)}.mensaje{background:var(--color-bg-alt);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);max-width:46rem}.mensaje--mio{background:var(--color-primary-soft);margin-left:auto}.mensaje__cabecera{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-1)}.mensaje__cuerpo{margin:0;white-space:pre-wrap}.marco{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.lateral{grid-column:1;display:flex;flex-direction:column;background:var(--color-primary-dark);border-right:3px solid var(--color-accent);position:sticky;top:0;height:100vh;overflow-y:auto}.lateral__marca{padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-bg);border-bottom:3px solid var(--color-accent)}.lateral__marca img{height:52px;width:auto;display:block}.lateral__nav{flex:1;padding:var(--space-4) 0}.lateral__nav ul{list-style:none;margin:0;padding:0}.lateral__enlace{display:block;padding:var(--space-4) var(--space-6);color:#ffffffd9;text-decoration:none;font-family:var(--font-display);font-size:var(--fs-base);font-weight:var(--fw-medium);border-left:4px solid transparent;transition:background var(--dur-rapida),color var(--dur-rapida)}.lateral__enlace:hover,.lateral__enlace:focus-visible{background:#ffffff14;color:var(--color-fg-on-dark);outline:none}.lateral__enlace--activo{background:var(--color-primary-deep);color:var(--color-accent);border-left-color:var(--color-accent)}.lateral__pie{padding:var(--space-5);border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.lateral__quien{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.lateral__nombre{color:var(--color-fg-on-dark);font-weight:var(--fw-semibold);font-size:var(--fs-base)}.lateral__pie .cabecera__rol{align-self:flex-start;background:var(--color-accent);color:var(--color-primary-deep)}.marco__cuerpo{grid-column:2;min-width:0}.marco__velo,.barra-movil{display:none}@media(max-width:900px){.marco{grid-template-columns:minmax(0,1fr)}.lateral{position:fixed;top:0;left:0;width:260px;z-index:40;transform:translate(-100%);transition:transform var(--dur-normal) var(--ease-salida);box-shadow:var(--shadow-lg)}.lateral--abierta{transform:translate(0)}.marco__cuerpo{grid-column:1}.marco__velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;padding:0;background:#07223a73;cursor:pointer}.barra-movil{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg);border-bottom:3px solid var(--color-accent);position:sticky;top:0;z-index:20}.barra-movil__boton{background:var(--color-primary-dark);color:var(--color-fg-on-dark);border:0;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font:inherit;font-family:var(--font-display);font-weight:var(--fw-semibold);cursor:pointer}.barra-movil__logo{height:32px;width:auto}}@media(prefers-reduced-motion:reduce){.lateral{transition:none}}.tarjeta--panel{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.tarjeta--panel__valor{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--color-primary-dark);line-height:var(--lh-tight);margin:0}.panel-seccion{margin-bottom:var(--space-12)}.panel-seccion__titulo{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.panel-seccion__titulo h2{margin:0}.panel-seccion__titulo p{margin:0;color:var(--color-fg-muted);font-size:var(--fs-sm)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.kpi{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-6) var(--space-6) var(--space-5);min-width:0;transition:box-shadow var(--dur-rapida),transform var(--dur-rapida)}a.kpi{text-decoration:none;color:inherit}a.kpi:hover,a.kpi:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px);outline:none}a.kpi:focus-visible{border-color:var(--color-primary)}.kpi--acento{border-top:3px solid var(--color-accent)}.kpi__etiqueta{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-uppercase);text-transform:uppercase;color:var(--color-fg-subtle)}.kpi__valor{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.kpi__valor small{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--color-fg-subtle)}.kpi__detalle{font-size:var(--fs-sm);color:var(--color-fg-muted);line-height:var(--lh-snug)}.kpi__estado{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.kpi__estado--bien{color:var(--color-success)}.kpi__estado--aviso{color:var(--color-warning)}.kpi__estado--mal{color:var(--color-danger)}.embudo{display:grid;gap:var(--space-4)}.embudo__paso{display:grid;grid-template-columns:minmax(10rem,15rem) minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.embudo__nombre{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-fg);min-width:0}.embudo__nombre span{display:block;font-weight:var(--fw-regular);font-size:var(--fs-xs);color:var(--color-fg-subtle)}.embudo__pista{background:var(--color-bg-alt);border-radius:var(--radius-pill);height:26px;overflow:hidden}.embudo__barra{display:block;height:100%;border-radius:var(--radius-pill);min-width:4px;transition:width var(--dur-normal) var(--ease-salida)}.embudo__barra--1{background:#d7e2ea}.embudo__barra--2{background:#a8c2d2}.embudo__barra--3{background:#7aa3bb}.embudo__barra--4{background:#4d84a3}.embudo__barra--5{background:#1a4f6b}.embudo__cifra{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-fg);font-variant-numeric:tabular-nums;white-space:nowrap}.embudo__cifra small{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--color-fg-subtle);margin-left:var(--space-2)}@media(max-width:700px){.embudo__paso{grid-template-columns:minmax(0,1fr) auto}.embudo__pista{grid-column:1 / -1;order:3}}.atencion{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.atencion__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.atencion__item:last-child{border-bottom:0}.atencion__quien{min-width:0}.atencion__quien strong{display:block;font-size:var(--fs-base)}.atencion__quien span{font-size:var(--fs-sm);color:var(--color-fg-muted)}@media(prefers-reduced-motion:reduce){.embudo__barra,a.kpi{transition:none}a.kpi:hover{transform:none}}.chat{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden;height:min(72vh,720px)}.chat__lista{display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-bg-alt);overflow-y:auto;min-width:0}.chat__nuevo{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg);display:flex;flex-direction:column;gap:var(--space-2)}.chat__nuevo label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-uppercase);text-transform:uppercase;color:var(--color-fg-subtle)}.chat__nuevo select{padding:var(--space-3);font:inherit;font-size:var(--fs-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg)}.chat__conversaciones{list-style:none;margin:0;padding:0}.chat__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:none;border:0;border-bottom:1px solid var(--color-border);border-left:4px solid transparent;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-rapida)}.chat__item:hover,.chat__item:focus-visible{background:var(--color-bg);outline:none}.chat__item--activo{background:var(--color-bg);border-left-color:var(--color-accent)}.chat__item-texto{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.chat__item-nombre{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__item-pie{font-size:var(--fs-xs);color:var(--color-fg-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__item-hora{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);font-size:var(--fs-xs);color:var(--color-fg-subtle)}.chat__panel{display:flex;flex-direction:column;min-width:0;background:var(--color-bg-alt)}.chat__cabecera{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.chat__cabecera-texto{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.chat__cabecera-texto strong{font-family:var(--font-display);font-size:var(--fs-md);color:var(--color-primary-dark)}.chat__cabecera-texto span{font-size:var(--fs-xs);color:var(--color-fg-subtle)}.chat__volver{display:none;background:none;border:0;font:inherit;font-size:var(--fs-sm);color:var(--color-primary);cursor:pointer;padding:var(--space-2)}.chat__mensajes{flex:1 1 auto;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.chat__dia{align-self:center;margin:var(--space-4) 0 var(--space-3);padding:var(--space-1) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--color-fg-muted);width:fit-content}.chat__sin-elegir{flex:1 1 auto;display:grid;place-items:center;padding:var(--space-10);color:var(--color-fg-subtle);text-align:center}.burbuja{position:relative;max-width:min(68ch,78%);margin-bottom:var(--space-2);margin-right:auto;padding:var(--space-3) var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-top-left-radius:4px;box-shadow:var(--shadow-xs)}.burbuja--mia{margin-right:0;margin-left:auto;background:var(--color-primary-soft);border-color:transparent;border-radius:var(--radius-sm);border-top-right-radius:4px}.burbuja__autor{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-primary);margin-bottom:var(--space-1)}.burbuja__cuerpo{margin:0;font-size:var(--fs-sm);line-height:var(--lh-normal);white-space:pre-wrap;overflow-wrap:anywhere}.burbuja__hora{position:absolute;right:var(--space-3);bottom:var(--space-2);font-size:var(--fs-xs);color:var(--color-fg-subtle)}.chat__escribir{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg);border-top:1px solid var(--color-border)}.chat__escribir textarea{flex:1 1 auto;resize:none;min-height:44px;max-height:140px;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--fs-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-alt)}.chat__escribir textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg)}.chat__enviar{flex:0 0 auto;padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-fg-on-dark);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-rapida)}.chat__enviar:hover:not(:disabled){background:var(--color-primary-dark)}.chat__enviar:disabled{opacity:.5;cursor:not-allowed}.chat__cerrado{padding:var(--space-4) var(--space-5);background:var(--color-bg);border-top:1px solid var(--color-border);font-size:var(--fs-sm);color:var(--color-fg-muted);text-align:center}@media(max-width:860px){.chat{grid-template-columns:minmax(0,1fr);height:min(80vh,640px)}.chat__panel,.chat--en-conversacion .chat__lista{display:none}.chat--en-conversacion .chat__panel{display:flex}.chat__volver{display:inline-block}.burbuja{max-width:88%}}.avatar{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--color-primary);color:var(--color-fg-on-dark);font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar--sm{width:32px;height:32px;font-size:var(--fs-xs)}.avatar--md{width:42px;height:42px;font-size:var(--fs-sm)}.avatar--lg{width:96px;height:96px;font-size:var(--fs-xl)}.foto-perfil{display:flex;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap}.foto-perfil__texto{flex:1 1 18rem;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.oculto-visualmente{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}label.boton{cursor:pointer;display:inline-block}.oculto-visualmente:focus-visible+label.boton{outline:2px solid var(--color-primary);outline-offset:2px}.avisos{list-style:none;margin:0;padding:0}.avisos__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) 0 var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);border-left:3px solid transparent}.avisos__item:last-child{border-bottom:0}.avisos__item--nuevo{border-left-color:var(--color-accent);background:var(--color-bg-alt)}.avisos__item--nuevo .avisos__texto strong{color:var(--color-primary-dark)}.avisos__texto{flex:1 1 22rem;min-width:0}.avisos__texto strong{display:block;font-size:var(--fs-base);margin-bottom:var(--space-1)}.avisos__texto p{font-size:var(--fs-sm);color:var(--color-fg-muted);line-height:var(--lh-snug)}.avisos__cuando{flex:0 0 auto;font-size:var(--fs-xs);color:var(--color-fg-subtle);white-space:nowrap}.calendario__evento--clase-libre{background:var(--color-success-soft);color:var(--color-success);border-left:3px solid var(--color-success)}.calendario__evento--clase-llena{background:var(--color-danger-soft);color:var(--color-danger);border-left:3px solid var(--color-danger)}.calendario__evento--bloque{background:var(--color-primary-soft);color:var(--color-primary-dark);border-left:3px solid var(--color-primary)}.calendario__evento--cerrado{background:var(--gris-suave);color:var(--color-fg-muted);border-left:3px solid var(--color-border-strong)}.calendario__evento-detalle{display:block;font-size:var(--fs-xs);font-weight:var(--fw-regular);opacity:.85}.calendario__rejilla--compacta .calendario__celda{min-height:64px}.calendario__celda--boton{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg)}.calendario__celda--boton:hover:not(:disabled){border-color:var(--color-primary)}.calendario__celda--boton:disabled{cursor:default;opacity:.5}.calendario__celda--elegida{outline:2px solid var(--color-accent);outline-offset:-2px}.calendario__celda--cerrada{background:var(--color-bg-alt)}.leyenda{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-3) 0 0;padding:0;list-style:none;font-size:var(--fs-xs);color:var(--color-fg-muted)}.leyenda li{display:inline-flex;align-items:center;gap:var(--space-2)}.leyenda__muestra{width:12px;height:12px;border-radius:3px;display:inline-block}.globo{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:var(--space-2);border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-fg-on-dark);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1}.lateral__enlace .globo{float:right}.correo .chat__lista{flex-basis:380px}.correo__item--nuevo .chat__item-nombre,.correo__item--nuevo .chat__item-pie strong{color:var(--color-primary-dark)}.correo__item--nuevo{border-left-color:var(--color-accent)}.correo__cuerpo{gap:var(--space-3)}.correo__marco{flex:1 1 auto;min-height:420px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.correo__texto{flex:1 1 auto;margin:0;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.correo__adjuntos{display:flex;flex-wrap:wrap;gap:var(--space-2)}.correo__plataforma{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.correo__plataforma h4{font-size:var(--fs-xs);letter-spacing:var(--ls-uppercase);text-transform:uppercase;color:var(--color-fg-subtle);margin-bottom:var(--space-2)}.pestana .globo{vertical-align:middle}