/* GENERADO por plataforma/diseno/generar_digital_css.py desde diseno-ui/design-system/portal-digital/components/bundle.css. No se edita a mano. */ :root[data-portal="digital"]{--dur-micro:150ms;--dur-hover:180ms;--dur-corta:200ms;--dur-media:260ms;--dur-entrada:300ms;--dur-llegada:700ms;--dur-intro:1250ms;--paso-escalera:70ms;--paso-vertical:140ms;--curva-estandar:cubic-bezier(.4,0,.2,1);--curva-llegada:cubic-bezier(.5,.005,.075,.985);--curva-frenado:cubic-bezier(.2,.7,.2,1)} :root[data-portal="digital"] .pd-demo{font-family:var(--font-sans);font-size:14px;color:var(--texto);background:var(--fondo);padding:24px;display:flex;flex-direction:column;gap:16px;align-items:flex-start} :root[data-portal="digital"] .pd-demo :focus-visible{outline:2px solid var(--acento);outline-offset:2px} :root[data-portal="digital"] .pd-fila{display:flex;flex-wrap:wrap;gap:12px;align-items:center} :root[data-portal="digital"] .pd-mono{font-family:var(--font-mono)} :root[data-portal="digital"] .pd-ayuda{margin:0;font-size:12.5px;line-height:1.5;color:var(--texto-3)} :root[data-portal="digital"] .pd-etiqueta{margin:0;font:500 11.5px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-4)} :root[data-portal="digital"] .tono-azul{--tono:var(--tono-azul);--tono-texto:var(--tono-azul-texto)} :root[data-portal="digital"] .tono-morado{--tono:var(--tono-morado);--tono-texto:var(--tono-morado-texto)} :root[data-portal="digital"] .tono-jade{--tono:var(--tono-jade);--tono-texto:var(--tono-jade-texto)} :root[data-portal="digital"] .tono-salvia{--tono:var(--tono-salvia);--tono-texto:var(--tono-salvia-texto)} :root[data-portal="digital"] .pd-boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 20px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-md);background:var(--relleno-control);font:500 14px var(--font-sans);color:var(--texto);cursor:pointer;text-decoration:none;transition:background var(--dur-micro) var(--curva-estandar),border-color var(--dur-micro) var(--curva-estandar),color var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-boton:hover{background:var(--relleno-control-hover);border-color:var(--texto-4)} :root[data-portal="digital"] .pd-boton svg{flex:none} :root[data-portal="digital"] .pd-boton .pd-flecha{transition:transform var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-boton:hover .pd-flecha{transform:translateX(3px)} :root[data-portal="digital"] .pd-boton--primario{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento);font-weight:600;padding:0 22px} :root[data-portal="digital"] .pd-boton--primario:hover{background:var(--acento-claro);border-color:var(--acento-claro)} :root[data-portal="digital"] .pd-boton--fantasma{border-color:transparent;color:var(--texto-2);padding:0 16px} :root[data-portal="digital"] .pd-boton--fantasma:hover{border-color:transparent;color:var(--texto)} :root[data-portal="digital"] .pd-boton--chico{height:32px;padding:0 14px;font-size:13px;border-radius:var(--radio-sm);color:var(--texto-2)} :root[data-portal="digital"] .pd-boton--icono{width:40px;height:40px;padding:0;border-color:var(--borde);color:var(--texto-2)} :root[data-portal="digital"] .pd-boton:disabled{opacity:.5;cursor:not-allowed} :root[data-portal="digital"] .pd-copiar{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-sm);background:var(--relleno-control);font:500 13px var(--font-mono);color:var(--texto);cursor:pointer;transition:border-color var(--dur-micro) var(--curva-estandar),color var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-copiar:hover{border-color:var(--texto-4);background:var(--relleno-control-hover)} :root[data-portal="digital"] .pd-copiar .pd-copiar__ic{color:var(--texto-4);display:inline-flex} :root[data-portal="digital"] .pd-copiar .pd-copiar__txt{font:500 12.5px var(--font-sans)} :root[data-portal="digital"] .pd-copiar.is-copiado{border-color:var(--exito-borde);color:var(--exito)} :root[data-portal="digital"] .pd-copiar.is-copiado .pd-copiar__ic{color:var(--exito)} :root[data-portal="digital"] .pd-campo{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px} :root[data-portal="digital"] .pd-campo label{font-size:13px;font-weight:600;color:var(--texto-2)} :root[data-portal="digital"] .pd-input{width:100%;box-sizing:border-box;height:46px;padding:0 16px;background:var(--relleno-control);border:1px solid var(--borde-fuerte);border-radius:var(--radio-lg);color:var(--texto);font:400 14px var(--font-sans);transition:border-color var(--dur-micro) var(--curva-estandar),box-shadow var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-input::placeholder{color:var(--texto-4)} :root[data-portal="digital"] .pd-input:hover{border-color:var(--texto-4)} :root[data-portal="digital"] .pd-input:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 4px var(--acento-suave)} :root[data-portal="digital"] .pd-input[aria-invalid="true"]{border-color:var(--rojo)} :root[data-portal="digital"] .pd-opciones{display:grid;gap:6px;width:100%;max-width:420px} :root[data-portal="digital"] .pd-opcion{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;padding:14px 12px;border:0;border-radius:var(--radio-lg);background:var(--relleno-control);cursor:pointer;width:100%;box-sizing:border-box;text-align:left;font:inherit;color:inherit;transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-opcion:hover{background:var(--relleno-control-hover)} :root[data-portal="digital"] .pd-opcion[aria-checked="true"]{background:var(--acento-suave)} :root[data-portal="digital"] .pd-opcion__marca{width:18px;height:18px;margin-top:1px;border-radius:50%;border:1.5px solid var(--texto-4);box-sizing:border-box;transition:border-width var(--dur-hover) var(--curva-estandar),border-color var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-opcion[aria-checked="true"] .pd-opcion__marca{border:6px solid var(--acento)} :root[data-portal="digital"] .pd-opcion b{display:block;font-size:14px;font-weight:600} :root[data-portal="digital"] .pd-opcion small{display:block;margin-top:2px;font-size:13px;line-height:1.5;color:var(--texto-3)} :root[data-portal="digital"] .pd-pestanas{display:flex;gap:28px;border-bottom:1px solid var(--borde);width:100%} :root[data-portal="digital"] .pd-pestana{position:relative;height:44px;padding:0;border:0;background:none;font:500 14px var(--font-sans);color:var(--texto-3);cursor:pointer;display:inline-flex;align-items:center;gap:8px} :root[data-portal="digital"] .pd-pestana:hover,:root[data-portal="digital"] .pd-pestana[aria-selected="true"]{color:var(--texto)} :root[data-portal="digital"] .pd-pestana[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--acento);animation:pd-linea var(--dur-media) var(--curva-estandar) both} :root[data-portal="digital"] .pd-pestana__cuenta{font:500 11.5px var(--font-mono);color:var(--texto-4)} @keyframes pd-linea{from{transform:scaleX(.3);opacity:0}to{transform:none;opacity:1}} :root[data-portal="digital"] .pd-estado{display:inline-flex;align-items:center;gap:8px;width:fit-content;justify-self:start;height:26px;padding:0 10px;border-radius:var(--radio-pildora);background:var(--pastilla);font-size:13px;font-weight:500;color:var(--texto-2);white-space:nowrap} :root[data-portal="digital"] .pd-estado:has(>.pd-punto--listo){background:var(--exito-fondo);color:var(--exito)} :root[data-portal="digital"] .pd-estado:has(>.pd-punto--curso){background:var(--acento-suave);color:var(--acento)} :root[data-portal="digital"] .pd-estado:has(>.pd-punto--avisos){background:var(--ambar-fondo);color:var(--ambar-texto)} :root[data-portal="digital"] .pd-estado:has(>.pd-punto--fallo){background:var(--error-fondo);color:var(--rojo)} :root[data-portal="digital"] .pd-punto{width:8px;height:8px;border-radius:50%;flex:none;background:var(--texto-4)} :root[data-portal="digital"] .pd-punto--listo{background:var(--exito)} :root[data-portal="digital"] .pd-punto--avisos{background:var(--ambar)} :root[data-portal="digital"] .pd-punto--fallo{background:var(--rojo)} :root[data-portal="digital"] .pd-punto--curso{background:var(--acento);animation:pd-respirar var(--ciclo-respirar) var(--curva-estandar) infinite} @keyframes pd-respirar{0%{box-shadow:0 0 0 0 var(--acento-borde)}100%{box-shadow:0 0 0 8px rgba(0,0,0,0)}} :root[data-portal="digital"] .pd-seccion{width:100%;box-sizing:border-box;background:var(--superficie);border-top:2px solid var(--tono,var(--borde-fuerte));border-radius:0 0 var(--radio-xl) var(--radio-xl);padding:20px 24px 24px;display:flex;flex-direction:column;gap:8px} :root[data-portal="digital"] .pd-seccion__num{font:500 12px var(--font-mono);color:var(--tono-texto,var(--texto-4))} :root[data-portal="digital"] .pd-seccion h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em} :root[data-portal="digital"] .pd-fila-enlace{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-height:52px;margin:0 -10px;padding:0 10px;border-bottom:1px solid var(--borde-fila);border-radius:var(--radio-md);text-decoration:none;color:var(--texto);transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-fila-enlace:hover{background:color-mix(in srgb,var(--tono,var(--acento)) var(--tinte-tono),transparent)} :root[data-portal="digital"] .pd-fila-enlace::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(16rem circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--tono,var(--acento)) 18%,transparent),transparent 70%);opacity:0;transition:opacity var(--dur-media) var(--curva-estandar)} :root[data-portal="digital"] .pd-fila-enlace:hover::before{opacity:1} :root[data-portal="digital"] .pd-flecha{color:var(--texto-4);transition:transform var(--dur-hover) var(--curva-estandar),color var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-fila-enlace:hover .pd-flecha{color:var(--tono-texto,var(--acento));transform:translateX(3px)} :root[data-portal="digital"] .pd-tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums} :root[data-portal="digital"] .pd-tabla th{padding:0 12px 10px;text-align:left;border-bottom:1px solid var(--borde-fuerte);font:500 11px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-4);white-space:nowrap} :root[data-portal="digital"] .pd-tabla td{padding:14px 12px;border-bottom:1px solid var(--borde-fila);font-size:13.5px;color:var(--texto-2)} :root[data-portal="digital"] .pd-tabla tbody tr{transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-tabla tbody tr:hover{background:color-mix(in srgb,var(--tono,var(--acento)) var(--tinte-tono),transparent)} :root[data-portal="digital"] .pd-tabla tbody tr:hover .pd-flecha{color:var(--tono-texto,var(--acento));transform:translateX(3px)} :root[data-portal="digital"] .pd-aviso{width:100%;box-sizing:border-box;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radio-lg);background:var(--ambar-fondo);border:1px solid var(--ambar-borde)} :root[data-portal="digital"] .pd-aviso b{display:block;font-size:13.5px;color:var(--ambar-texto)} :root[data-portal="digital"] .pd-aviso p{margin:3px 0 0;font-size:13px;line-height:1.55;color:var(--texto-2)} :root[data-portal="digital"] .pd-aviso--error{background:var(--error-fondo);border-color:var(--error-borde)} :root[data-portal="digital"] .pd-aviso--error b{color:var(--rojo-texto)} :root[data-portal="digital"] .pd-chip{height:28px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-sm);background:var(--relleno-control);font-size:12.5px;font-weight:500;color:var(--texto-2)} :root[data-portal="digital"] .pd-tostada{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;background:var(--superficie);border:1px solid var(--borde-fuerte);border-radius:var(--radio-lg);box-shadow:var(--sombra-flotante);font-size:13.5px;color:var(--texto);position:relative;overflow:hidden;animation:pd-llega var(--dur-llegada) var(--curva-llegada) both} :root[data-portal="digital"] .pd-tostada::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:var(--exito);transform-origin:left;animation:pd-consume var(--dur-tostada) linear both} @keyframes pd-llega{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}} @keyframes pd-consume{from{transform:scaleX(1)}to{transform:scaleX(0)}} :root[data-portal="digital"] .pd-arco{width:22px;height:22px;flex:none} :root[data-portal="digital"] .pd-arco circle+circle{transform-box:fill-box;transform-origin:center;animation:pd-girar var(--ciclo-girar) linear infinite} @keyframes pd-girar{to{transform:rotate(360deg)}} :root[data-portal="digital"] .pd-esqueleto{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--pastilla) 0%,var(--relleno-control-hover) 50%,var(--pastilla) 100%);background-size:200% 100%;animation:pd-barre var(--ciclo-brillo) linear infinite,pd-llega var(--dur-llegada) var(--curva-llegada) both} @keyframes pd-barre{from{background-position:100% 0}to{background-position:-100% 0}} :root[data-portal="digital"] .pd-vacio{width:100%;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center} :root[data-portal="digital"] .pd-anillos circle{transform-box:fill-box;transform-origin:center;animation:pd-onda var(--ciclo-anillo) var(--curva-estandar) infinite} @keyframes pd-onda{0%{opacity:0;transform:scale(.6)}40%{opacity:1}100%{opacity:0;transform:scale(1.15)}} :root[data-portal="digital"] .pd-dialogo{width:100%;max-width:440px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-2xl);box-shadow:var(--sombra-flotante);padding:28px;box-sizing:border-box;display:grid;gap:18px} :root[data-portal="digital"] .pd-dialogo h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em} :root[data-portal="digital"] .pd-migas ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;font:500 11.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-4)} :root[data-portal="digital"] .pd-migas a{color:var(--texto-3);text-decoration:none} :root[data-portal="digital"] .pd-migas a:hover{color:var(--texto)} :root[data-portal="digital"] .pd-migas .pd-migas__vertical{display:inline-flex;align-items:center;gap:6px;color:var(--tono-texto)} :root[data-portal="digital"] .pd-migas [aria-current]{color:var(--texto-2)} :root[data-portal="digital"] .pd-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:8px;width:100%} :root[data-portal="digital"] .pd-etapa{display:flex;flex-direction:column;gap:10px} :root[data-portal="digital"] .pd-etapa__barra{height:3px;border-radius:999px;background:var(--borde-fuerte);overflow:hidden} :root[data-portal="digital"] .pd-etapa__barra i{display:block;height:100%;width:0;background:var(--acento);border-radius:inherit} :root[data-portal="digital"] .pd-etapa.is-hecha .pd-etapa__barra i{width:100%;background:var(--exito)} :root[data-portal="digital"] .pd-etapa.is-hecha .pd-etapa__n{color:var(--exito)} :root[data-portal="digital"] .pd-etapa.is-activa .pd-etapa__barra i{width:45%;animation:pd-avanza var(--dur-larga) var(--curva-llegada) both} @keyframes pd-avanza{from{width:0}} :root[data-portal="digital"] .pd-etapa__n{font:500 11.5px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-etapa__nombre{font-size:13px;font-weight:500;color:var(--texto-3)} :root[data-portal="digital"] .pd-etapa.is-hecha .pd-etapa__nombre{color:var(--texto-2)} :root[data-portal="digital"] .pd-etapa.is-activa .pd-etapa__nombre{color:var(--texto);font-weight:600} :root[data-portal="digital"] .pd-etapa.is-activa .pd-etapa__n{color:var(--acento)} :root[data-portal="digital"] .pd-riel{list-style:none;margin:0;padding:0;display:grid;gap:4px;width:100%;max-width:280px} :root[data-portal="digital"] .pd-paso{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;width:100%;padding:12px 10px;border:0;border-radius:var(--radio-md);background:none;font:inherit;text-align:left;color:var(--texto-3);cursor:pointer;transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-paso:hover:not(:disabled){background:color-mix(in srgb,var(--tono,var(--acento)) var(--tinte-tono),transparent)} :root[data-portal="digital"] .pd-paso:disabled{cursor:default} :root[data-portal="digital"] .pd-paso__n{font:500 12px var(--font-mono);color:var(--texto-4);padding-top:2px} :root[data-portal="digital"] .pd-paso b{font-size:14px;font-weight:600;color:var(--texto-2)} :root[data-portal="digital"] .pd-paso small{grid-column:2;font-size:12px;color:var(--texto-4)} :root[data-portal="digital"] .pd-paso__barra{grid-column:1/-1;height:2px;margin-top:8px;border-radius:2px;background:var(--borde);overflow:hidden} :root[data-portal="digital"] .pd-paso__barra i{display:block;height:100%;width:0;background:var(--acento);transition:width var(--dur-larga) var(--curva-frenado)} :root[data-portal="digital"] .pd-paso.is-hecho .pd-paso__n{color:var(--exito)} :root[data-portal="digital"] .pd-paso.is-hecho .pd-paso__barra i{width:100%;background:var(--exito)} :root[data-portal="digital"] .pd-paso.is-actual .pd-paso__n{color:var(--acento)} :root[data-portal="digital"] .pd-paso.is-actual b{color:var(--texto)} :root[data-portal="digital"] .pd-paso.is-actual .pd-paso__barra i{width:40%} :root[data-portal="digital"] .pd-asistente{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:48px;align-items:start} :root[data-portal="digital"] .pd-asistente>.pd-riel,:root[data-portal="digital"] .pd-asistente__resumen{position:sticky;top:24px} :root[data-portal="digital"] .pd-asistente__resumen{display:grid;gap:16px;padding:20px;border-top:2px solid var(--acento);border-radius:0 0 var(--radio-lg) var(--radio-lg);background:var(--superficie)} :root[data-portal="digital"] .pd-asistente__navegar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:20px;border-top:1px solid var(--borde)} @media (max-width:1100px){ :root[data-portal="digital"] .pd-asistente{grid-template-columns:220px minmax(0,1fr)} :root[data-portal="digital"] .pd-asistente__resumen{grid-column:1/-1;position:static} } @media (max-width:760px){ :root[data-portal="digital"] .pd-asistente{grid-template-columns:minmax(0,1fr)} :root[data-portal="digital"] .pd-riel{grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);max-width:none;overflow-x:auto} :root[data-portal="digital"] .pd-paso small{display:none} } :root[data-portal="digital"] .pd-vg{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,150px) minmax(0,1fr);align-items:center;gap:16px;width:100%;max-width:520px;padding:14px 16px;box-sizing:border-box;background:var(--relleno-control);border:1px solid var(--borde-fuerte);border-radius:var(--radio-md);text-align:left;font:inherit;color:var(--texto);cursor:pointer;transition:border-color var(--dur-micro) var(--curva-estandar),background var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-vg:hover{border-color:var(--texto-4);background:var(--relleno-control-hover)} :root[data-portal="digital"] .pd-vg__col{display:flex;flex-direction:column;gap:3px;min-width:0} :root[data-portal="digital"] .pd-vg__col--fin{align-items:flex-end;text-align:right} :root[data-portal="digital"] .pd-vg__etq{font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-4)} :root[data-portal="digital"] .pd-vg__fecha{font-size:15px;font-weight:600;white-space:nowrap} :root[data-portal="digital"] .pd-vg__hora{font:12.5px var(--font-mono);color:var(--texto-3)} :root[data-portal="digital"] .pd-vg__vuelo{display:flex;align-items:center;gap:6px} :root[data-portal="digital"] .pd-vg__vuelo i{flex:1;height:1px;background:var(--borde-fuerte)} :root[data-portal="digital"] .pd-vg__vuelo b{font-size:12px;font-weight:600;white-space:nowrap;border:1px solid var(--acento-borde);border-radius:var(--radio-pildora);padding:3px 10px;background:var(--acento-suave);color:var(--acento)} :root[data-portal="digital"] .pd-semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:520px;row-gap:12px} :root[data-portal="digital"] .pd-celda{height:36px;display:grid;place-items:center;position:relative} :root[data-portal="digital"] .pd-celda.is-en::before,:root[data-portal="digital"] .pd-celda.is-ini::before,:root[data-portal="digital"] .pd-celda.is-fin::before{content:"";position:absolute;left:0;right:0;top:4px;bottom:4px;background:var(--acento-suave)} :root[data-portal="digital"] .pd-celda.is-ini::before{left:4px;border-radius:8px 0 0 8px} :root[data-portal="digital"] .pd-celda.is-fin::before{right:4px;border-radius:0 8px 8px 0} :root[data-portal="digital"] .pd-celda.is-corte{box-shadow:inset 1px 0 0 var(--acento-borde)} :root[data-portal="digital"] .pd-celda__mes{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font:500 9.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acento)} :root[data-portal="digital"] .pd-dia{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radio-sm);font:500 13px var(--font-mono);color:var(--texto-2)} :root[data-portal="digital"] .pd-dia.is-fuera{color:var(--texto-4)} :root[data-portal="digital"] .pd-celda.is-ini .pd-dia,:root[data-portal="digital"] .pd-celda.is-fin .pd-dia{background:var(--acento);color:var(--sobre-acento);font-weight:600} :root[data-portal="digital"] .pd-barra-reparto{display:flex;gap:3px;width:100%;height:10px} :root[data-portal="digital"] .pd-barra-reparto .pd-seg{display:block;min-width:2px;border-radius:999px;transform-origin:left;animation:pd-crece var(--dur-crece) var(--curva-llegada) both} :root[data-portal="digital"] .pd-seg--venta{background:var(--serie-venta)} :root[data-portal="digital"] .pd-seg--uso{background:var(--serie-uso)} :root[data-portal="digital"] .pd-seg--bono{background:var(--serie-bono)} :root[data-portal="digital"] .pd-seg--vacio{background-color:var(--serie-vacio);background-image:repeating-linear-gradient(135deg,var(--serie-vacio-trama) 0 1.5px,rgba(0,0,0,0) 1.5px 6px)} @keyframes pd-crece{from{transform:scaleX(0)}to{transform:none}} :root[data-portal="digital"] .pd-marcador{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle} :root[data-portal="digital"] .pd-barra-sup{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%} :root[data-portal="digital"] .pd-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--texto);font:700 20px/1 var(--font-sans);letter-spacing:-.01em} :root[data-portal="digital"] .pd-logo svg{width:42px;height:24px;fill:var(--marca);flex:none} :root[data-portal="digital"] .pd-avatar{width:36px;height:36px;border-radius:50%;background:var(--pastilla);color:var(--texto-2);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13.5px} :root[data-portal="digital"] .pd-saludo__fecha{margin:0;font:500 12.5px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--texto-3)} :root[data-portal="digital"] .pd-saludo h1{margin:0;font-size:44px;line-height:1.12;font-weight:600;letter-spacing:-.03em} :root[data-portal="digital"] .pd-saludo h1 span{color:var(--texto-3)} :root[data-portal="digital"] .pd-saludo p{margin:0;font-size:15px;line-height:1.55;color:var(--texto-3)} :root[data-portal="digital"] .pd-vertical{border-top:2px solid var(--tono);padding-top:20px;display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;max-width:300px} :root[data-portal="digital"] .pd-vertical h2{margin:10px 0 0;font-size:18px;font-weight:700;letter-spacing:-.01em} :root[data-portal="digital"] .pd-vertical__desc{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--texto-3)} :root[data-portal="digital"] .pd-vertical ul{list-style:none;margin:0;padding:0} :root[data-portal="digital"] .pd-vertical li{border-bottom:1px solid var(--borde-fila)} :root[data-portal="digital"] .pd-pronto{font:500 10.5px var(--font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--texto-3);background:var(--pastilla);border:1px solid var(--borde);border-radius:var(--radio-sm);padding:3px 9px;white-space:nowrap} :root[data-portal="digital"] .pd-lateral{width:280px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:20px 16px;background:var(--hundido);border:1px solid var(--borde);border-radius:var(--radio-xl)} :root[data-portal="digital"] .pd-nav-titulo{display:flex;align-items:center;gap:8px;margin:8px 12px;font:700 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--texto)} :root[data-portal="digital"] .pd-nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;box-sizing:border-box;border-radius:var(--radio-md);font:500 14px var(--font-sans);color:var(--texto-3);text-decoration:none;transition:background var(--dur-micro) var(--curva-estandar),color var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-nav-item:hover{color:var(--texto);background:var(--superficie)} :root[data-portal="digital"] .pd-nav-item[aria-current="page"]{color:var(--acento);font-weight:600} :root[data-portal="digital"] .pd-nav-subs{list-style:none;margin:2px 0 8px 21px;padding:0 0 0 16px;border-left:1px solid var(--borde-fuerte);display:grid;gap:2px} :root[data-portal="digital"] .pd-nav-sub{position:relative;display:flex;align-items:center;min-height:38px;padding:0 12px;border-radius:var(--radio-md);font:500 14px var(--font-sans);color:var(--texto-3);text-decoration:none} :root[data-portal="digital"] .pd-nav-sub:hover{color:var(--texto);background:var(--superficie)} :root[data-portal="digital"] .pd-nav-sub[aria-current="page"]{color:var(--texto);font-weight:600} :root[data-portal="digital"] .pd-nav-sub[aria-current="page"]::before{content:"";position:absolute;left:-17px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--acento)} :root[data-portal="digital"] .pd-entra{animation:pd-sube var(--dur-llegada) var(--curva-frenado) both} @keyframes pd-sube{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}} :root[data-portal="digital"] .pd-llega{animation:pd-llega var(--dur-llegada) var(--curva-llegada) both} :root[data-portal="digital"] .pd-intro{position:relative;width:100%;height:280px;display:grid;place-items:center;overflow:hidden;background:var(--fondo);border-radius:var(--radio-xl)} :root[data-portal="digital"] .pd-intro__anillo{transform-box:fill-box;transform-origin:center;opacity:0;animation:pd-anillo var(--dur-intro) var(--curva-estandar) both} :root[data-portal="digital"] .pd-intro__gira{transform-box:fill-box;transform-origin:center;animation:pd-girar var(--ciclo-girar) linear infinite} @keyframes pd-anillo{0%{opacity:0;transform:scale(.3) rotate(-50deg)}35%{opacity:1}100%{opacity:0;transform:scale(1) rotate(0deg)}} @media (prefers-reduced-motion:reduce){ :root[data-portal="digital"] .pd-punto--curso,:root[data-portal="digital"] .pd-arco circle+circle,:root[data-portal="digital"] .pd-esqueleto,:root[data-portal="digital"] .pd-anillos circle,:root[data-portal="digital"] .pd-intro__gira,:root[data-portal="digital"] .pd-intro__anillo{animation:none} :root[data-portal="digital"] .pd-intro__anillo{opacity:.6} :root[data-portal="digital"] .pd-tostada,:root[data-portal="digital"] .pd-entra,:root[data-portal="digital"] .pd-llega,:root[data-portal="digital"] .pd-barra-reparto .pd-seg,:root[data-portal="digital"] .pd-etapa.is-activa .pd-etapa__barra i,:root[data-portal="digital"] .pd-pestana[aria-selected="true"]::after{animation:none} :root[data-portal="digital"] .pd-tostada::after{animation:none} :root[data-portal="digital"] .pd-fila-enlace::before{display:none} :root[data-portal="digital"] .pd-boton:hover .pd-flecha,:root[data-portal="digital"] .pd-fila-enlace:hover .pd-flecha,:root[data-portal="digital"] .pd-tabla tbody tr:hover .pd-flecha{transform:none} } :root[data-portal="digital"]{--dur-quieta:160ms;--dur-larga:400ms;--dur-entrada-inicio:600ms;--dur-aparecer:500ms;--dur-resaltar:1200ms;--dur-sostener:700ms;--dur-crece:900ms;--dur-sacudir:320ms;--dur-tostada:5000ms;--dur-lateral:560ms;--curva-resorte:cubic-bezier(.34,1.56,.64,1);--ciclo-respirar:1600ms;--ciclo-girar:900ms;--ciclo-brillo:1400ms;--ciclo-anillo:2400ms} :root[data-portal="digital"] .pd-desde-inicio{--dur-vista:var(--dur-entrada-inicio)} :root[data-portal="digital"] .pd-vista-entra{animation:pd-vista var(--dur-vista,var(--dur-entrada)) var(--curva-frenado) both} @keyframes pd-vista{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} :root[data-portal="digital"] .pd-escalera>*{animation:pd-vista var(--dur-vista,var(--dur-entrada)) var(--curva-frenado) both} :root[data-portal="digital"] .pd-escalera>:nth-child(2){animation-delay:var(--paso-escalera)} :root[data-portal="digital"] .pd-escalera>:nth-child(3){animation-delay:calc(var(--paso-escalera) * 2)} :root[data-portal="digital"] .pd-escalera>:nth-child(4){animation-delay:calc(var(--paso-escalera) * 3)} :root[data-portal="digital"] .pd-escalera>:nth-child(5){animation-delay:calc(var(--paso-escalera) * 4)} :root[data-portal="digital"] .pd-escalera>:nth-child(6){animation-delay:calc(var(--paso-escalera) * 5)} :root[data-portal="digital"] .pd-cajon{animation:pd-llega var(--dur-media) var(--curva-llegada) both} :root[data-portal="digital"] .pd-paso-avanza{animation:pd-avanza-paso var(--dur-media) var(--curva-llegada) both} :root[data-portal="digital"] .pd-paso-retrocede{animation:pd-retrocede-paso var(--dur-media) var(--curva-llegada) both} @keyframes pd-avanza-paso{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}} @keyframes pd-retrocede-paso{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}} :root[data-portal="digital"] .pd-plegable{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--dur-corta) var(--curva-estandar),opacity var(--dur-corta) var(--curva-estandar)} :root[data-portal="digital"] .pd-plegable>*{overflow:hidden;min-height:0} :root[data-portal="digital"] .pd-plegable.is-plegado{grid-template-rows:0fr;opacity:0} :root[data-portal="digital"] .pd-trazo path{stroke-dasharray:1;stroke-dashoffset:1;animation:pd-trazo var(--dur-larga) var(--curva-frenado) forwards} @keyframes pd-trazo{to{stroke-dashoffset:0}} :root[data-portal="digital"] .pd-pop{animation:pd-pop var(--dur-media) var(--curva-resorte) both} @keyframes pd-pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}} :root[data-portal="digital"] .pd-ventana-carga{display:grid;place-items:center;gap:16px;width:100%;min-height:240px;background:var(--fondo);text-align:center} :root[data-portal="digital"] .pd-ventana-carga p{margin:0;font-size:13px;color:var(--texto-3)} :root[data-portal="digital"] .pd-latiendo{animation:pd-latido var(--ciclo-respirar) var(--curva-estandar) infinite} @keyframes pd-latido{0%{box-shadow:0 0 0 0 var(--acento-borde)}100%{box-shadow:0 0 0 8px rgba(0,0,0,0)}} :root[data-portal="digital"] .pd-progreso{width:100%;display:flex;flex-direction:column;gap:8px} :root[data-portal="digital"] .pd-progreso__barra{height:3px;border-radius:999px;background:var(--borde-fuerte);overflow:hidden} :root[data-portal="digital"] .pd-progreso__barra i{display:block;height:100%;width:var(--pct,0%);border-radius:inherit;background:var(--acento);transition:width var(--dur-larga) var(--curva-frenado)} :root[data-portal="digital"] .pd-boton[data-estado="trabajando"]{pointer-events:none;color:var(--texto-2)} :root[data-portal="digital"] .pd-boton[data-estado="hecho"]{background:var(--exito-fondo);border-color:var(--exito-borde);color:var(--exito)} :root[data-portal="digital"] .pd-boton[data-estado="aviso"]{background:var(--ambar-fondo);border-color:var(--ambar-borde);color:var(--ambar-texto)} :root[data-portal="digital"] .pd-boton__contenido{display:inline-flex;align-items:center;gap:10px;animation:pd-aparecer-rapido var(--dur-corta) var(--curva-estandar) both} @keyframes pd-aparecer-rapido{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} :root[data-portal="digital"] .pd-resaltar{animation:pd-resaltar var(--dur-resaltar) var(--curva-estandar) both} @keyframes pd-resaltar{0%{background:var(--acento-suave);box-shadow:inset 2px 0 0 var(--acento)}100%{background:rgba(0,0,0,0);box-shadow:inset 2px 0 0 rgba(0,0,0,0)}} :root[data-portal="digital"] .pd-cifra-cambia{display:inline-block;animation:pd-cifra var(--dur-media) var(--curva-frenado) both} @keyframes pd-cifra{from{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}} :root[data-portal="digital"] .pd-sacudir{animation:pd-sacudir var(--dur-sacudir) var(--curva-estandar) both} @keyframes pd-sacudir{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}} :root[data-portal="digital"] .pd-tema-ic{display:inline-flex;animation:pd-tema var(--dur-media) var(--curva-llegada) both} @keyframes pd-tema{from{opacity:0;transform:rotate(-90deg) scale(.7)}to{opacity:1;transform:none}} :root[data-portal="digital"] .pd-con-scroll{mask-image:linear-gradient(90deg,#000 calc(100% - 32px),rgba(0,0,0,0))} :root[data-portal="digital"] .pd-aparecer{animation:pd-aparecer var(--dur-aparecer) var(--curva-estandar) both} @keyframes pd-aparecer{from{opacity:0}to{opacity:1}} :root[data-portal="digital"] .pd-sale-home{animation:pd-sale-home var(--dur-media) var(--curva-estandar) forwards} @keyframes pd-sale-home{to{opacity:0;transform:translateY(-8px)}} :root[data-portal="digital"] .pd-lateral-entra{animation:pd-lateral-entra var(--dur-lateral) var(--curva-llegada) both} @keyframes pd-lateral-entra{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:none}} :root[data-portal="digital"] .pd-replay{position:absolute;top:10px;right:10px} @media (prefers-reduced-motion:reduce){ :root[data-portal="digital"] .pd-vista-entra,:root[data-portal="digital"] .pd-escalera>*,:root[data-portal="digital"] .pd-cajon,:root[data-portal="digital"] .pd-paso-avanza,:root[data-portal="digital"] .pd-paso-retrocede,:root[data-portal="digital"] .pd-pop,:root[data-portal="digital"] .pd-boton__contenido,:root[data-portal="digital"] .pd-cifra-cambia,:root[data-portal="digital"] .pd-tema-ic,:root[data-portal="digital"] .pd-sale-home,:root[data-portal="digital"] .pd-lateral-entra{animation:pd-aparecer var(--dur-quieta) linear both} :root[data-portal="digital"] .pd-trazo path{animation:none;stroke-dashoffset:0} :root[data-portal="digital"] .pd-sacudir{animation:none} :root[data-portal="digital"] .pd-latiendo{animation:none;box-shadow:0 0 0 2px var(--acento-borde)} :root[data-portal="digital"] .pd-resaltar{animation:none;background:var(--acento-suave)} :root[data-portal="digital"] .pd-progreso__barra i{transition:none} } :root[data-portal="digital"]{--ciclo-girar-lento:6s;--ciclo-comer:750ms;--ciclo-ladrillos:6s;--ciclo-cafe:8s;--ciclo-carta:2s;--ciclo-infinito:2s;--ciclo-barras:1.2s;--paso-barras:100ms;--ciclo-palabras:12s;--curva-salida:cubic-bezier(.2,.8,.2,1);--curva-plegar:cubic-bezier(.65,0,.35,1);--curva-acelera:cubic-bezier(.32,0,.67,0);--curva-ladrillos:cubic-bezier(.37,0,.63,1);--curva-cafe:cubic-bezier(.9,0,.1,1);--nucleo-cometa:var(--texto);--umbral-carga-larga:2s} :root[data-portal="digital"][data-tema="claro"]{--nucleo-cometa:currentColor} @keyframes pd-girar{to{transform:rotate(360deg)}} @keyframes pd-cg-arriba{0%, 100% { transform: rotate(-9deg); } 50% { transform: rotate(0deg); }} @keyframes pd-cg-abajo{0%, 100% { transform: rotate(9deg); } 50% { transform: rotate(0deg); }} @keyframes pd-cg-avanzar{from { transform: translateX(0); } to { transform: translateX(calc(var(--cg-paso) * -1)); }} @keyframes pd-cg-asomar{from { opacity: 0; } to { opacity: 1; }} :root[data-portal="digital"] .pd-girador{--tam: 18px; --grosor: 2.5px; --cabeza: calc(var(--grosor) * 1.35); position: relative; display: inline-block; width: var(--tam); height: var(--tam); flex: none; color: var(--acento);} :root[data-portal="digital"] .pd-girador::before,:root[data-portal="digital"] .pd-girador::after{content: ""; position: absolute; border-radius: 50%; animation: pd-girar var(--ciclo-girar) linear infinite;} :root[data-portal="digital"] .pd-girador::before{inset: 0; background: conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, currentColor 6%, transparent) 120deg, currentColor 300deg, color-mix(in srgb, currentColor 55%, var(--nucleo-cometa)) 355deg, transparent 360deg), color-mix(in srgb, currentColor 9%, transparent); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--grosor)), #000 calc(100% - var(--grosor) + .5px)); mask: radial-gradient(farthest-side, transparent calc(100% - var(--grosor)), #000 calc(100% - var(--grosor) + .5px));} :root[data-portal="digital"] .pd-girador::after{left: 50%; top: calc((var(--grosor) - var(--cabeza)) / 2); width: var(--cabeza); height: var(--cabeza); margin-left: calc(var(--cabeza) / -2); transform-origin: 50% calc(var(--tam) / 2 - (var(--grosor) - var(--cabeza)) / 2); background: color-mix(in srgb, currentColor 35%, var(--nucleo-cometa)); box-shadow: 0 0 calc(var(--grosor) * 1.3) calc(var(--grosor) * .5) color-mix(in srgb, currentColor 85%, transparent), 0 0 calc(var(--grosor) * 3.6) calc(var(--grosor) * 1.1) color-mix(in srgb, currentColor 45%, transparent);} :root[data-portal="digital"] .pd-girador > i{position: absolute; inset: 30%; border-radius: 50%; border: 1px dashed color-mix(in srgb, currentColor 22%, transparent); animation: pd-girar var(--ciclo-girar-lento) linear infinite reverse;} :root[data-portal="digital"] .pd-comegalletas{--cg: 18px; --cg-paso: calc(var(--cg) * .62); --cg-galleta: calc(var(--cg) * .2); display: inline-flex; align-items: center; gap: calc(var(--cg) * .08); flex: none; vertical-align: middle;} :root[data-portal="digital"] .pd-comegalletas--icono{--cg: 12px;} :root[data-portal="digital"] .pd-comegalletas__boca{width: calc(var(--cg) * 1.741); height: var(--cg); overflow: visible; fill: var(--marca);} :root[data-portal="digital"] .pd-comegalletas__mandibula{transform-origin: 30px 215.57px; animation: pd-cg-arriba var(--ciclo-comer) var(--curva-estandar) infinite;} :root[data-portal="digital"] .pd-comegalletas__mandibula--abajo{animation-name: pd-cg-abajo;} :root[data-portal="digital"] .pd-comegalletas__galletas{position: relative; width: calc(var(--cg-paso) * 3.5); height: var(--cg-galleta); overflow: hidden;} :root[data-portal="digital"] .pd-comegalletas__fila{position: absolute; inset: 0; animation: pd-cg-avanzar var(--ciclo-comer) linear infinite;} :root[data-portal="digital"] .pd-comegalletas__fila i{position: absolute; top: 0; width: var(--cg-galleta); height: var(--cg-galleta); border-radius: 50%; background: var(--acento); left: calc(var(--cg-paso) * (var(--k) + .5) - var(--cg-galleta) / 2);} :root[data-portal="digital"] .pd-comegalletas__fila i:nth-child(1){--k: 0;} :root[data-portal="digital"] .pd-comegalletas__fila i:nth-child(2){--k: 1;} :root[data-portal="digital"] .pd-comegalletas__fila i:nth-child(3){--k: 2;} :root[data-portal="digital"] .pd-comegalletas__fila i:nth-child(4){--k: 3; animation: pd-cg-asomar var(--ciclo-comer) linear infinite;} :root[data-portal="digital"] .pd-ladrillos{display: block; width: 15em; height: auto; overflow: visible;} :root[data-portal="digital"] .pd-ladrillos__grupo{--tono: var(--acento); fill: var(--tono); animation: var(--ciclo-ladrillos) var(--curva-ladrillos) infinite;} :root[data-portal="digital"] .pd-ladrillos__grupo[data-tono="2"]{--tono: color-mix(in srgb, var(--acento) 70%, var(--fondo));} :root[data-portal="digital"] .pd-ladrillos__grupo[data-tono="3"]{--tono: color-mix(in srgb, var(--acento) 48%, var(--fondo));} :root[data-portal="digital"] .pd-ladrillos__grupo[data-tono="4"]{--tono: color-mix(in srgb, var(--acento) 32%, var(--fondo));} :root[data-portal="digital"] .pd-ladrillos__izq{fill: color-mix(in srgb, var(--tono) 78%, var(--sobre-acento));} :root[data-portal="digital"] .pd-ladrillos__sup{fill: color-mix(in srgb, var(--tono) 58%, var(--sobre-acento));} :root[data-portal="digital"] .pd-ladrillos__todo{animation: pd-ladrillos-rebote var(--ciclo-ladrillos) var(--curva-ladrillos) infinite;} :root[data-portal="digital"] .pd-ladrillos__grupo--1{animation-name: pd-ladrillos-1;} :root[data-portal="digital"] .pd-ladrillos__grupo--2{animation-name: pd-ladrillos-2;} :root[data-portal="digital"] .pd-ladrillos__grupo--3{animation-name: pd-ladrillos-3;} :root[data-portal="digital"] .pd-ladrillos__grupo--4{animation-name: pd-ladrillos-4;} @keyframes pd-ladrillos-rebote{from, 12%, 15%, 27%, 30%, 42%, 45%, 62%, 65%, 77%, 80%, 92%, 95%, to { transform: translate(0, 0); } 13.5%, 28.5%, 43.5%, 63.5%, 78.5%, 93.5% { transform: translate(0, 6px); }} @keyframes pd-ladrillos-1{from, 4%, 92%, to { transform: translate(0, 0); } 12%, 19%, 77%, 84% { transform: translate(17.5px, 10px); } 27%, 34%, 62%, 69% { transform: translate(35px, 20px); } 42%, 54% { transform: translate(52.5px, 30px); }} @keyframes pd-ladrillos-2{from, 92%, to { transform: translate(0, -47px); } 4% { transform: translate(0, -87px); } 8% { transform: translate(-35px, -87px); } 12%, 80% { transform: translate(-35px, -67px); } 84% { transform: translate(-35px, -107px); } 88% { transform: translate(0, -67px); }} @keyframes pd-ladrillos-3{from, 15%, 77%, to { transform: translate(0, -47px); } 19% { transform: translate(0, -87px); } 23% { transform: translate(-35px, -87px); } 27%, 65% { transform: translate(-35px, -67px); } 69% { transform: translate(-35px, -107px); } 73% { transform: translate(0, -67px); }} @keyframes pd-ladrillos-4{from, 30%, 62%, to { transform: translate(0, -47px); } 34% { transform: translate(0, -87px); } 38% { transform: translate(-35px, -87px); } 42%, 50% { transform: translate(-35px, -67px); } 54% { transform: translate(-35px, -107px); } 58% { transform: translate(0, -67px); }} :root[data-portal="digital"] .pd-cafe{--cafe-fondo: var(--fondo); --cafe-trazo: var(--texto-2); position: relative; width: 21.5em; height: 9em; font-size: 9.6px; color: var(--cafe-trazo);} :root[data-portal="digital"] .pd-cafe::before{content: ""; position: absolute; top: 7.5em; width: 100%; border-bottom: .25em dashed;} :root[data-portal="digital"] .pd-cafe__taza,:root[data-portal="digital"] .pd-cafe__parte,:root[data-portal="digital"] .pd-cafe__asa,:root[data-portal="digital"] .pd-cafe__vapor-trazo{animation-duration: var(--ciclo-cafe); animation-iteration-count: infinite;} :root[data-portal="digital"] .pd-cafe__taza,:root[data-portal="digital"] .pd-cafe__parte,:root[data-portal="digital"] .pd-cafe__asa{animation-timing-function: var(--curva-cafe);} :root[data-portal="digital"] .pd-cafe__taza{animation-name: pd-cafe-taza; position: relative; width: 11.25em; height: 9em;} :root[data-portal="digital"] .pd-cafe__taza,:root[data-portal="digital"] .pd-cafe__vapor{transform: translateX(-50%);} :root[data-portal="digital"] .pd-cafe__parte{position: absolute; background-color: var(--cafe-fondo);} :root[data-portal="digital"] .pd-cafe__parte--a{animation-name: pd-cafe-a; top: 4.3em; width: 11.25em; height: 4.7em; border-radius: 5.625em 5.625em 5.625em 5.625em / 2em 2em 2.7em 2.7em; box-shadow: 0 0 0 .3em var(--cafe-trazo) inset;} :root[data-portal="digital"] .pd-cafe__parte--b{animation-name: pd-cafe-b; top: 4.3em; width: 11.25em; height: 4em; background-color: transparent; border-radius: 5.625em / 2em; box-shadow: 0 0 0 .2em var(--cafe-trazo) inset;} :root[data-portal="digital"] .pd-cafe__parte--c{animation-name: pd-cafe-c; top: 7.1em; left: 3.925em; width: 3.4em; height: .9em; border-radius: 1.7em / .45em; box-shadow: 0 0 0 .2em var(--cafe-trazo) inset;} :root[data-portal="digital"] .pd-cafe__parte--d,:root[data-portal="digital"] .pd-cafe__parte--e,:root[data-portal="digital"] .pd-cafe__parte--f{z-index: 1;} :root[data-portal="digital"] .pd-cafe__parte--d{animation-name: pd-cafe-d; top: 2.55em; left: 2.025em; width: 7.2em; height: 5.15em; border-radius: 3.6em 3.6em 3.3em 3.3em / 1em 1em 3.5em 3.5em; box-shadow: 0 0 0 .2em var(--cafe-trazo) inset;} :root[data-portal="digital"] .pd-cafe__parte--e{animation-name: pd-cafe-e; top: 2.65em; left: 2.125em; width: 7em; height: 2em; background-color: var(--cafe-trazo); border-radius: 3.5em / 1em; box-shadow: 0 0 0 .2em var(--cafe-trazo) inset, 0 1em 0 var(--cafe-fondo) inset;} :root[data-portal="digital"] .pd-cafe__parte--f{animation-name: pd-cafe-f; top: 4.1em; left: 5.925em; width: 4.8em; height: 3em; background-color: transparent;} :root[data-portal="digital"] .pd-cafe__parte--f svg{display: block; width: 100%; height: 100%; overflow: visible;} :root[data-portal="digital"] .pd-cafe__asa{animation-name: pd-cafe-asa; fill: none; stroke: var(--cafe-trazo); stroke-width: 4; stroke-linecap: round;} :root[data-portal="digital"] .pd-cafe__vapor{position: absolute; top: -.6em; left: 0; width: 3.5em; height: 3.5em; overflow: visible;} :root[data-portal="digital"] .pd-cafe__vapor--der{left: auto; right: 0; transform: translateX(50%);} :root[data-portal="digital"] .pd-cafe__vapor-trazo{animation-name: pd-cafe-vapor-izq; animation-timing-function: linear; fill: none; stroke: var(--acento); stroke-width: 3; stroke-linecap: round; stroke-dashoffset: 48;} :root[data-portal="digital"] .pd-cafe__vapor--der .pd-cafe__vapor-trazo{animation-name: pd-cafe-vapor-der; stroke-dashoffset: 35;} :root[data-portal="digital"] .pd-cafe__vapor-trazo--a{stroke-dasharray: 24 142;} :root[data-portal="digital"] .pd-cafe__vapor-trazo--b{stroke-dasharray: 30 8 10 130;} :root[data-portal="digital"] .pd-cafe__vapor-trazo--c{stroke-dasharray: 15 6 1 134;} :root[data-portal="digital"] .pd-cafe__vapor-trazo--d{stroke-dasharray: 18 6 1 90;} :root[data-portal="digital"] .pd-cafe__vapor-trazo--e{stroke-dasharray: 25 6 4 76;} @keyframes pd-cafe-taza{from, 25%, 75%, to { left: 0; } 50% { left: 21.5em; }} @keyframes pd-cafe-a{from, 50%, to { width: 11.25em; } 25%, 75% { width: calc(11.25em + 21.5em); }} @keyframes pd-cafe-b{from, 50%, to { width: 11.25em; } 25%, 75% { width: calc(11.25em + 21.5em); }} @keyframes pd-cafe-c{from, 50%, to { width: 3.4em; } 25%, 75% { width: calc(3.4em + 21.5em); }} @keyframes pd-cafe-d{from, 50%, to { width: 7.2em; } 25%, 75% { width: calc(7.2em + 21.5em); }} @keyframes pd-cafe-e{from, 50%, to { box-shadow: 0 0 0 .2em var(--cafe-trazo) inset, 0 1em 0 var(--cafe-fondo) inset; width: 7em; } 25%, 75% { box-shadow: 0 0 0 .2em var(--cafe-trazo) inset, 0 1.5em 0 var(--cafe-fondo) inset; width: calc(7em + 21.5em); }} @keyframes pd-cafe-f{from { left: 5.925em; z-index: 0; } 25% { left: calc(5.925em + 8.35em); z-index: 0; } 50% { left: .525em; z-index: 0; } 50.01% { left: .525em; z-index: 1; } 75% { left: calc(5.925em + 8.35em); z-index: 1; } to { left: 5.925em; z-index: 1; }} @keyframes pd-cafe-asa{from, to { animation-timing-function: var(--curva-acelera); transform: translate(0, 0); d: path("M64,4.413s6.64-2.913,11-2.913c11.739,0,19.5,10.759,19.5,22.497,0,23.475-45,22.497-45,22.497"); } 10%, 40%, 60%, 90% { animation-timing-function: var(--curva-salida); transform: translate(0, 15px); d: path("M48.036,4.415s-.03-2.913-.049-2.913c-.052,0-.087,10.759-.087,22.497,0,23.475,.2,22.497,.2,22.497"); } 50% { animation-timing-function: var(--curva-acelera); transform: translate(0, 0); d: path("M32,4.413s-6.64-2.913-11-2.913C9.261,1.5,1.5,12.259,1.5,23.997c0,23.475,45,22.497,45,22.497"); }} @keyframes pd-cafe-vapor-izq{from { stroke-dashoffset: 48; } 25%, to { stroke-dashoffset: -66; }} @keyframes pd-cafe-vapor-der{from, 50% { stroke-dashoffset: 35; } 75%, to { stroke-dashoffset: -76; }} :root[data-portal="digital"] .pd-pila{--pila-dur: var(--ciclo-carta); --pila-retraso: .05; --pila-espacio: 15%; position: relative; overflow: hidden; width: 14em; height: 32em; font-size: 12px;} :root[data-portal="digital"] .pd-pila__carta{position: absolute; inset: 0; top: var(--pila-espacio); margin: auto; width: 70%; aspect-ratio: 1; transform: rotateX(45deg) rotateZ(-45deg); transform-style: preserve-3d;} :root[data-portal="digital"] .pd-pila__cara{position: absolute; inset: 0; display: grid; place-items: center; border-radius: 7.5%; background-color: var(--tono, var(--acento)); box-shadow: -.5em .5em 1.5em rgb(0 0 0 / .18); animation: pd-pila-carta var(--pila-dur) infinite;} :root[data-portal="digital"] .pd-pila__carta:nth-child(2){top: 0;} :root[data-portal="digital"] .pd-pila__carta:nth-child(2) .pd-pila__cara{animation-delay: calc(var(--pila-dur) * (-1 + var(--pila-retraso))); background-color: color-mix(in srgb, var(--tono, var(--acento)) 45%, var(--superficie));} :root[data-portal="digital"] .pd-pila__carta:nth-child(3){top: calc(var(--pila-espacio) * -1);} :root[data-portal="digital"] .pd-pila__carta:nth-child(3) .pd-pila__cara{animation-delay: calc(var(--pila-dur) * (-1 + var(--pila-retraso) * 2)); background-color: var(--superficie); box-shadow: -.5em .5em 1.5em rgb(0 0 0 / .18), inset 0 0 0 1px var(--borde-fuerte);} :root[data-portal="digital"] .pd-pila__logo{display: block; width: 55%; height: auto;} :root[data-portal="digital"] .pd-pila__logo--rcn{fill: var(--tono-texto, var(--acento));} @keyframes pd-pila-carta{0%, 100% { animation-timing-function: var(--curva-plegar); transform: translateZ(0); } 11% { animation-timing-function: var(--curva-acelera); opacity: 1; transform: translateZ(.125em); } 34% { animation-timing-function: steps(1); opacity: 0; transform: translateZ(-12em); } 48% { animation-timing-function: linear; opacity: 0; transform: translateZ(12em); } 57% { animation-timing-function: var(--curva-salida); opacity: 1; transform: translateZ(0); } 61% { animation-timing-function: var(--curva-plegar); transform: translateZ(-1.8em); } 74% { animation-timing-function: var(--curva-plegar); transform: translateZ(.6em); } 87% { animation-timing-function: var(--curva-plegar); transform: translateZ(-.2em); }} :root[data-portal="digital"] .pd-infinito{display: block; width: 16em; height: 8em; fill: none; stroke-linecap: round; stroke-width: 8;} :root[data-portal="digital"] .pd-infinito__pista{stroke: color-mix(in srgb, var(--acento) 16%, var(--fondo));} :root[data-portal="digital"] .pd-infinito__gusano{stroke: var(--acento); stroke-dasharray: 150 700; animation: pd-infinito-1 var(--ciclo-infinito) linear infinite;} :root[data-portal="digital"] .pd-infinito__gusano--2{animation-name: pd-infinito-2;} @keyframes pd-infinito-1{from { stroke-dashoffset: 0; } 50% { animation-timing-function: steps(1); stroke-dashoffset: -358; } 50.01% { animation-timing-function: linear; stroke-dashoffset: 358; } to { stroke-dashoffset: 0; }} @keyframes pd-infinito-2{from { stroke-dashoffset: 358; } 50% { stroke-dashoffset: 0; } to { stroke-dashoffset: -358; }} :root[data-portal="digital"] .pd-barras{display: flex; align-items: flex-end; gap: 6px; height: 70px;} :root[data-portal="digital"] .pd-barras > i{width: 10px; height: 70px; border-radius: 20px 20px 0 0; background: var(--texto-3); transform-origin: bottom center; transform: scaleY(.1); animation: pd-barras var(--ciclo-barras) linear infinite; animation-delay: calc(var(--i) * var(--paso-barras));} @keyframes pd-barras{0% { transform: scaleY(.1); background: var(--texto-3); } 50% { transform: scaleY(1); background: var(--acento); } 100% { transform: scaleY(.1); background: transparent; }} :root[data-portal="digital"] .pd-carga{margin:0;height:40px;display:flex;align-items:center;gap:.3em;font:600 20px var(--font-sans);color:var(--texto-3)} :root[data-portal="digital"] .pd-carga__palabras{position:relative;height:40px;overflow:hidden;color:var(--texto)} :root[data-portal="digital"] .pd-carga__palabra{display:block;height:100%;line-height:40px;animation:pd-carga-palabras var(--ciclo-palabras) infinite} @keyframes pd-carga-palabras{4%{transform:translateY(-102%)} 10%{transform:translateY(-100%)} 14%{transform:translateY(-202%)} 20%{transform:translateY(-200%)} 24%{transform:translateY(-302%)} 30%{transform:translateY(-300%)} 34%{transform:translateY(-402%)} 40%{transform:translateY(-400%)} 44%{transform:translateY(-502%)} 50%{transform:translateY(-500%)} 54%{transform:translateY(-602%)} 60%{transform:translateY(-600%)} 64%{transform:translateY(-702%)} 70%{transform:translateY(-700%)} 74%{transform:translateY(-802%)} 80%{transform:translateY(-800%)} 84%{transform:translateY(-902%)} 90%{transform:translateY(-900%)} 94%{transform:translateY(-1002%)} 100%{transform:translateY(-1000%)}} :root[data-portal="digital"] .pd-ventana-carga[data-modo="larga"]{animation:pd-aparecer var(--dur-entrada) var(--curva-estandar) both} :root[data-portal="digital"] .pd-girador.pd-grande{--tam:56px;--grosor:4.5px} @media (prefers-reduced-motion:reduce){ :root[data-portal="digital"] .pd-ladrillos__todo,:root[data-portal="digital"] .pd-ladrillos__grupo,:root[data-portal="digital"] .pd-cafe__taza,:root[data-portal="digital"] .pd-cafe__parte,:root[data-portal="digital"] .pd-cafe__asa,:root[data-portal="digital"] .pd-cafe__vapor-trazo,:root[data-portal="digital"] .pd-pila__cara,:root[data-portal="digital"] .pd-infinito__gusano,:root[data-portal="digital"] .pd-barras > i{animation: none;} :root[data-portal="digital"] .pd-girador::before,:root[data-portal="digital"] .pd-girador::after,:root[data-portal="digital"] .pd-girador > i{animation: none;} :root[data-portal="digital"] .pd-ladrillos__grupo--2,:root[data-portal="digital"] .pd-ladrillos__grupo--3,:root[data-portal="digital"] .pd-ladrillos__grupo--4{transform: translate(0, -47px);} :root[data-portal="digital"] .pd-infinito__gusano--2{stroke-dashoffset: 358;} :root[data-portal="digital"] .pd-barras > i{transform: scaleY(calc(.25 + var(--i) * .09)); background: var(--acento);} :root[data-portal="digital"] .pd-carga__palabra,:root[data-portal="digital"] .pd-comegalletas__mandibula,:root[data-portal="digital"] .pd-comegalletas__fila,:root[data-portal="digital"] .pd-comegalletas__fila i{animation:none} } :root[data-portal="digital"] .pd-carga-archivo{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:0;row-gap:8px;align-items:center;width:100%} :root[data-portal="digital"] .pd-carga-archivo>.pd-comegalletas{grid-row:1/span 2;--cg:34px} :root[data-portal="digital"] .pd-carga-archivo__texto{display:flex;justify-content:space-between;gap:12px;padding-left:12px;font-size:13.5px} :root[data-portal="digital"] .pd-carga-archivo>.pd-progreso__barra{grid-column:2;align-self:start} :root[data-portal="digital"] .pd-vaen{display:grid} :root[data-portal="digital"] .pd-vaen__fila{display:grid;grid-template-columns:minmax(0,1fr) repeat(var(--n,3),96px);align-items:center;gap:8px;min-height:56px;padding:0 10px;border-bottom:1px solid var(--borde-fila);border-radius:var(--radio-md)} :root[data-portal="digital"] .pd-vaen__fila:not(.pd-vaen__cab):hover{background:color-mix(in srgb,var(--tono,var(--acento)) var(--tinte-tono),transparent)} :root[data-portal="digital"] .pd-vaen__cab{min-height:44px;font:500 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-4)} :root[data-portal="digital"] .pd-vaen__col{display:grid;justify-items:center;text-align:center;gap:1px} :root[data-portal="digital"] .pd-vaen__col b{font-size:11.5px;color:var(--tono-texto,var(--acento))} :root[data-portal="digital"] .pd-vaen__col small{font:400 10.5px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--texto-4)} :root[data-portal="digital"] .pd-vaen__creativo{display:grid;gap:2px;min-width:0} :root[data-portal="digital"] .pd-vaen__creativo>span{font:13px var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :root[data-portal="digital"] .pd-vaen__creativo>small{font:11.5px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-vaen__celda{justify-self:center;position:relative;width:32px;height:32px;border-radius:var(--radio-sm);border:1px solid var(--borde-fuerte);background:var(--relleno-control);display:grid;place-items:center;cursor:pointer;color:var(--sobre-acento);transition:background var(--dur-micro) var(--curva-estandar),border-color var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-vaen__celda:hover{background:var(--relleno-control-hover)} :root[data-portal="digital"] .pd-vaen__celda>svg{opacity:0;transform:scale(.6);transition:opacity var(--dur-micro) var(--curva-estandar),transform var(--dur-media) var(--curva-resorte)} :root[data-portal="digital"] .pd-vaen__celda[aria-pressed="true"]{background:var(--acento);border-color:var(--acento)} :root[data-portal="digital"] .pd-vaen__celda[aria-pressed="true"]>svg{opacity:1;transform:none} :root[data-portal="digital"] .pd-vaen__candado{position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--superficie);border:1px solid var(--borde-fuerte);color:var(--texto-3);display:none;place-items:center} :root[data-portal="digital"] .pd-vaen__celda[aria-disabled="true"]{cursor:not-allowed} :root[data-portal="digital"] .pd-vaen__celda[aria-disabled="true"] .pd-vaen__candado{display:grid} :root[data-portal="digital"] .pd-vaen__ayuda{display:flex;align-items:center;gap:6px;margin:0;padding:6px 10px 10px;font-size:12.5px;color:var(--texto-3)} @media (prefers-reduced-motion:reduce){ :root[data-portal="digital"] .pd-vaen__celda>svg{transition:none} } :root[data-portal="digital"] .pd-pdf{display:inline-flex;align-items:center;gap:8px} :root[data-portal="digital"] .pd-pdf__tema{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 12px;border-radius:var(--radio-md);font:600 13px var(--font-mono);letter-spacing:.04em;cursor:pointer} :root[data-portal="digital"] .pd-pdf__tema svg{flex:none} :root[data-portal="digital"] .pd-pdf__tema--claro{background:var(--pdf-claro-fondo);color:var(--pdf-claro-texto);border:1px solid var(--pdf-claro-borde)} :root[data-portal="digital"] .pd-pdf__tema--oscuro{background:var(--pdf-oscuro-fondo);color:var(--pdf-oscuro-texto);border:1px solid var(--pdf-oscuro-borde)} :root[data-portal="digital"] .pd-futuro{display:flex;align-items:center;gap:14px} :root[data-portal="digital"] .pd-futuro__dia{display:grid;justify-items:center;gap:2px;min-width:72px;padding:8px 10px;border-radius:var(--radio-md);border:1px solid var(--acento-borde);background:var(--acento-suave)} :root[data-portal="digital"] .pd-futuro__dia b{font:500 15px var(--font-mono);color:var(--acento)} :root[data-portal="digital"] .pd-futuro__dia small{font-size:11.5px;color:var(--texto-3)} :root[data-portal="digital"] .pd-testigo{display:grid;gap:8px} :root[data-portal="digital"] .pd-testigo__marco{display:block;padding:10px;border-radius:var(--radio-lg);background:var(--relleno-control);border:1px solid var(--borde)} :root[data-portal="digital"] .pd-testigo--previsto .pd-testigo__marco{border-style:dashed;background:transparent} :root[data-portal="digital"] .pd-testigo--previsto img,:root[data-portal="digital"] .pd-testigo--previsto .pd-testigo__silueta{opacity:.45} :root[data-portal="digital"] .pd-testigo b{font-size:13px;font-weight:600} :root[data-portal="digital"] .pd-testigo small{font:12px var(--font-mono);color:var(--texto-3)} :root[data-portal="digital"] .pd-porsalir__grupo{margin:14px 0 4px 10px;font:500 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-4)} :root[data-portal="digital"] .pd-porsalir__fila{display:grid;grid-template-columns:76px minmax(0,1fr) auto 16px;align-items:center;gap:14px;width:100%;min-height:56px;padding:6px 10px;border:0;border-bottom:1px solid var(--borde-fila);border-radius:var(--radio-md);background:none;font:inherit;color:var(--texto);text-align:left;cursor:pointer;transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-porsalir__fila:hover{background:color-mix(in srgb,var(--tono,var(--acento)) var(--tinte-tono),transparent)} :root[data-portal="digital"] .pd-porsalir__dia{display:grid;gap:1px} :root[data-portal="digital"] .pd-porsalir__dia b{font:500 14px var(--font-mono);color:var(--acento)} :root[data-portal="digital"] .pd-porsalir__dia small{font-size:11.5px;color:var(--texto-3)} :root[data-portal="digital"] .pd-porsalir__nombre{font:500 13px var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :root[data-portal="digital"] .pd-porsalir__tamanos{font:12px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-porsalir__fila>svg{color:var(--texto-4);transition:transform var(--dur-media) var(--curva-estandar)} :root[data-portal="digital"] .pd-porsalir__fila[aria-expanded="true"]>svg{transform:rotate(180deg)} :root[data-portal="digital"] .pd-cuentas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px} :root[data-portal="digital"] .pd-cuenta{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-md);background:var(--relleno-control);font:inherit;color:var(--texto);text-align:left;cursor:pointer;transition:background var(--dur-micro) var(--curva-estandar),border-color var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-cuenta:hover{background:var(--relleno-control-hover)} :root[data-portal="digital"] .pd-cuenta b{display:block;font-size:14px} :root[data-portal="digital"] .pd-cuenta small{display:block;font-size:12px;color:var(--texto-3)} :root[data-portal="digital"] .pd-cuenta[aria-pressed="true"]{border-color:var(--acento-borde);background:var(--acento-suave)} :root[data-portal="digital"] .pd-cuenta[aria-pressed="true"] b{color:var(--acento)} :root[data-portal="digital"] .pd-fichas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:6px 14px;box-sizing:border-box;border:1px solid var(--borde-fuerte);border-radius:var(--radio-lg);background:var(--relleno-control)} :root[data-portal="digital"] .pd-ficha{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radio-sm);background:var(--acento-suave);border:1px solid var(--acento-borde);font:500 12.5px var(--font-mono)} :root[data-portal="digital"] .pd-fichas input{flex:1;min-width:120px;border:0;background:none;font:13px var(--font-mono);color:var(--texto);outline:none} :root[data-portal="digital"] .pd-zona{display:grid;justify-items:center;gap:6px;padding:28px;border:1px dashed var(--borde-fuerte);border-radius:var(--radio-lg);background:var(--relleno-control);color:var(--texto-3);text-align:center;cursor:pointer;transition:border-color var(--dur-micro) var(--curva-estandar),background var(--dur-micro) var(--curva-estandar)} :root[data-portal="digital"] .pd-zona:hover,:root[data-portal="digital"] .pd-zona.is-encima{border-color:var(--acento);background:var(--acento-suave)} :root[data-portal="digital"] .pd-zona b{color:var(--texto);font-size:14px} :root[data-portal="digital"] .pd-zona small{font:12px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-bloque{--filete:var(--borde);background:var(--superficie);border-top:2px solid var(--filete);border-radius:0 0 var(--radio-lg) var(--radio-lg);margin-bottom:14px} :root[data-portal="digital"] .pd-bloque[data-estado="hecha"]{--filete:var(--exito)} :root[data-portal="digital"] .pd-bloque[data-estado="actual"]{--filete:var(--acento)} :root[data-portal="digital"] .pd-bloque.pd-bloque--tono{--filete:var(--tono)} :root[data-portal="digital"] .pd-bloque__cab{display:grid;grid-template-columns:auto auto minmax(0,1fr) 16px;align-items:center;gap:14px;width:100%;min-height:60px;padding:0 20px;border:0;background:none;font:inherit;color:var(--texto);text-align:left;cursor:pointer} :root[data-portal="digital"] .pd-bloque__n{font:500 12px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-bloque[data-estado="hecha"] .pd-bloque__n{color:var(--exito)} :root[data-portal="digital"] .pd-bloque[data-estado="actual"] .pd-bloque__n{color:var(--acento)} :root[data-portal="digital"] .pd-bloque__titulo{font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px} :root[data-portal="digital"] .pd-bloque__resumen{font-size:13px;color:var(--texto-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :root[data-portal="digital"] .pd-bloque__cab .pd-chev{color:var(--texto-4);transition:transform var(--dur-media) var(--curva-estandar)} :root[data-portal="digital"] .pd-bloque__cab[aria-expanded="true"] .pd-chev{transform:rotate(180deg)} :root[data-portal="digital"] .pd-bloque__cuerpo{padding:4px 20px 22px;display:grid;gap:20px} :root[data-portal="digital"] .pd-lado{position:sticky;top:24px;display:grid;gap:14px;padding:20px;border-top:2px solid var(--tono,var(--acento));border-radius:0 0 var(--radio-lg) var(--radio-lg);background:var(--superficie)} :root[data-portal="digital"] .pd-lado__ante{margin:0;font:500 11.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-4)} :root[data-portal="digital"] .pd-con-lado{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start} @media (max-width:1100px){ :root[data-portal="digital"] .pd-con-lado{grid-template-columns:minmax(0,1fr)} :root[data-portal="digital"] .pd-lado{position:static} } :root[data-portal="digital"] .pd-sev--critico{--sev:var(--rojo)} :root[data-portal="digital"] .pd-sev--alto{--sev:var(--ambar-texto)} :root[data-portal="digital"] .pd-sev--medio{--sev:var(--ambar)} :root[data-portal="digital"] .pd-sev--observacion{--sev:var(--borde-fuerte)} :root[data-portal="digital"] .pd-sev--fortaleza{--sev:var(--exito)} :root[data-portal="digital"] .pd-sev-punto{width:8px;height:8px;border-radius:50%;flex:none;background:var(--sev)} :root[data-portal="digital"] .pd-franja-sev{display:flex;gap:3px;height:10px} :root[data-portal="digital"] .pd-franja-sev>i{border-radius:3px;background:var(--sev)} :root[data-portal="digital"] .pd-hallazgo{border-bottom:1px solid var(--borde-fila)} :root[data-portal="digital"] .pd-hallazgo__cab{display:grid;grid-template-columns:70px 120px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 10px;border:0;border-radius:var(--radio-md);background:none;font:inherit;color:var(--texto);text-align:left;cursor:pointer;transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-hallazgo__cab:hover{background:color-mix(in srgb,var(--tono,var(--acento)) var(--tinte-tono),transparent)} :root[data-portal="digital"] .pd-hallazgo__cod{font:500 12.5px var(--font-mono);color:var(--texto-3)} :root[data-portal="digital"] .pd-hallazgo__cab .pd-chev{color:var(--texto-4);transition:transform var(--dur-media) var(--curva-estandar)} :root[data-portal="digital"] .pd-hallazgo[data-abierto="true"]{background:var(--hundido);border-radius:var(--radio-md);box-shadow:inset 2px 0 0 var(--sev)} :root[data-portal="digital"] .pd-hallazgo[data-abierto="true"] .pd-chev{transform:rotate(180deg)} :root[data-portal="digital"] .pd-hallazgo__cuerpo{display:grid;gap:12px;padding:4px 10px 16px 92px} :root[data-portal="digital"] .pd-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px} :root[data-portal="digital"] .pd-cifra{display:grid;gap:4px;padding:14px 16px;border-radius:var(--radio-lg);background:var(--hundido)} :root[data-portal="digital"] .pd-cifra b{font:500 28px var(--font-mono);letter-spacing:-.02em} :root[data-portal="digital"] .pd-cifra span{font-size:12.5px;color:var(--texto-3)} :root[data-portal="digital"] .pd-chip[aria-pressed]{cursor:pointer;height:32px;font-size:13px} :root[data-portal="digital"] .pd-chip[aria-pressed="true"]{border-color:var(--acento-borde);background:var(--acento-suave);color:var(--acento)} :root[data-portal="digital"] .pd-fila-enlace.pd-fila-enlace--grid{display:grid;grid-template-columns:var(--cols);gap:14px;min-height:62px} :root[data-portal="digital"] .pd-plataforma{width:20px;height:20px;flex:none} :root[data-portal="digital"] .pd-titulo-id{margin:0;font:500 26px var(--font-mono);letter-spacing:-.01em;overflow-wrap:anywhere} :root[data-portal="digital"] .pd-nivel--admin{--nivel:var(--rojo)} :root[data-portal="digital"] .pd-nivel--editor{--nivel:var(--acento)} :root[data-portal="digital"] .pd-nivel--lector{--nivel:var(--borde-fuerte)} :root[data-portal="digital"] .pd-nivel .pd-punto{background:var(--nivel)} :root[data-portal="digital"] .pd-estado.pd-nivel,:root[data-portal="digital"] .pd-estado:has(>.pd-sev-punto){height:auto;padding:0;background:none;font-weight:inherit;color:var(--texto-2)} @media print{ :root[data-portal="digital"][data-imprimiendo] [data-no-imprimir]{display:none!important} :root[data-portal="digital"][data-imprimiendo] .pd-con-scroll,:root[data-portal="digital"][data-imprimiendo] .pd-tabla{overflow:visible!important;mask-image:none} :root[data-portal="digital"][data-imprimiendo] tr,:root[data-portal="digital"][data-imprimiendo] .pd-seccion,:root[data-portal="digital"][data-imprimiendo] .pd-bloque{break-inside:avoid} :root[data-portal="digital"][data-imprimiendo]{background:var(--fondo)} :root[data-portal="digital"][data-imprimiendo] body{page:informe} @page informe{background:var(--fondo)} :root[data-portal="digital"][data-imprimiendo],:root[data-portal="digital"][data-imprimiendo] *{-webkit-print-color-adjust:exact;print-color-adjust:exact} } :root[data-portal="digital"] .pd-seg--neutra{background:var(--texto-3)} :root[data-portal="digital"] .pd-marcador--venta{background:var(--serie-venta)} :root[data-portal="digital"] .pd-marcador--uso{background:var(--serie-uso)} :root[data-portal="digital"] .pd-marcador--bono{background:var(--serie-bono)} :root[data-portal="digital"] .pd-marcador--neutra{background:var(--texto-3)} :root[data-portal="digital"] .pd-segmentado{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-lg);background:var(--relleno-control)} :root[data-portal="digital"] .pd-segmentado button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:0;border-radius:9px;background:none;font:500 13px var(--font-sans);color:var(--texto-3);cursor:pointer;white-space:nowrap;transition:color var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-segmentado button:hover{color:var(--texto)} :root[data-portal="digital"] .pd-segmentado button[aria-pressed="true"]{background:var(--superficie);color:var(--texto);font-weight:600;box-shadow:0 0 0 1px var(--borde-fuerte)} :root[data-portal="digital"] .pd-filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:center} :root[data-portal="digital"] .pd-filtros__resumen{margin:10px 0 0;font:500 12px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-banda{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start} :root[data-portal="digital"] .pd-banda__lado{text-align:right} :root[data-portal="digital"] .pd-leyenda-series{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:18px} :root[data-portal="digital"] .pd-leyenda-serie{display:grid;gap:3px;padding-left:12px;border-left:2px solid var(--borde)} :root[data-portal="digital"] .pd-leyenda-serie[data-atenuada]{opacity:.4} :root[data-portal="digital"] .pd-leyenda-serie b{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600} :root[data-portal="digital"] .pd-leyenda-serie .pd-mono{font-size:18px} :root[data-portal="digital"] .pd-leyenda-serie small{font-size:12px;color:var(--texto-3)} :root[data-portal="digital"] .pd-insignia-parcial{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--hundido);font:500 11px var(--font-mono);color:var(--texto-3);vertical-align:middle} :root[data-portal="digital"] .pd-cifra .pd-insignia-parcial{background:var(--superficie)} :root[data-portal="digital"] .pd-grafico{position:relative;height:300px;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;align-items:end;padding-top:28px;border-bottom:1px solid var(--borde)} :root[data-portal="digital"] .pd-grafico__guia{position:absolute;left:0;right:0;border-top:1px dashed var(--borde-fila);font:500 10.5px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-grafico__col{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;cursor:pointer} :root[data-portal="digital"] .pd-grafico__pila{display:flex;flex-direction:column-reverse;gap:2px;height:calc(var(--alto) * 240px);min-height:2px} :root[data-portal="digital"] .pd-grafico__pila>.pd-seg{display:block;min-height:2px;border-radius:3px} :root[data-portal="digital"] .pd-grafico__pila[data-parcial] .pd-seg{opacity:.55} :root[data-portal="digital"] .pd-grafico__col:hover .pd-grafico__pila{filter:brightness(1.08)} :root[data-portal="digital"] .pd-variacion{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--alto) * 240px + 8px);font:500 10.5px var(--font-mono);color:var(--texto-2);white-space:nowrap} :root[data-portal="digital"] .pd-variacion::before{content:"▲ "} :root[data-portal="digital"] .pd-variacion--baja::before{content:"▼ "} :root[data-portal="digital"] .pd-grafico__ejes{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;margin-top:8px} :root[data-portal="digital"] .pd-grafico__ejes span{text-align:center;font:500 11.5px var(--font-mono);color:var(--texto-3)} :root[data-portal="digital"] .pd-grafico__ejes span[aria-current]{color:var(--texto);font-weight:600;box-shadow:inset 0 -2px 0 var(--acento)} @media (max-width:760px){ :root[data-portal="digital"] .pd-variacion,:root[data-portal="digital"] .pd-grafico__siglo{display:none} } :root[data-portal="digital"] .pd-cambio{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:center;min-height:52px;padding:0 10px;border-bottom:1px solid var(--borde-fila);border-radius:var(--radio-md);transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-cambio:last-child{border-bottom:0} :root[data-portal="digital"] .pd-cambio:hover{background:color-mix(in srgb,var(--tono,var(--acento)) var(--tinte-tono),transparent)} :root[data-portal="digital"] .pd-cambio__valor{font:500 14px var(--font-mono)} :root[data-portal="digital"] .pd-cambio__de{font:500 12px var(--font-mono);color:var(--texto-3)} :root[data-portal="digital"] .pd-cambio__nota{font-size:13px;color:var(--texto-2)} :root[data-portal="digital"] .pd-cambio__nota[data-vacia]{color:var(--texto-4)} :root[data-portal="digital"] .pd-ranking{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 100px 90px 80px;gap:12px;align-items:center;min-height:38px;font-size:13.5px} :root[data-portal="digital"] .pd-ranking--cuatro{grid-template-columns:52px minmax(0,1fr) 60px 150px} :root[data-portal="digital"] .pd-ranking--cab{min-height:30px;font:500 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-4)} :root[data-portal="digital"] .pd-ranking__cifra{font:500 13px var(--font-mono);text-align:right;color:var(--texto-2)} :root[data-portal="digital"] .pd-barra-dato{position:relative;height:8px;border-radius:4px;background:var(--hundido);overflow:hidden} :root[data-portal="digital"] .pd-barra-dato>i{position:absolute;inset:0 auto 0 0;width:calc(var(--pct) * 1%);border-radius:4px;background:var(--texto-3)} @media (max-width:760px){ :root[data-portal="digital"] .pd-ranking{grid-template-columns:minmax(0,1fr) 90px 80px} :root[data-portal="digital"] .pd-ranking>:nth-child(2),:root[data-portal="digital"] .pd-ranking>:nth-child(4){display:none} :root[data-portal="digital"] .pd-ranking--cuatro{grid-template-columns:44px minmax(0,1fr) 64px} :root[data-portal="digital"] .pd-ranking--cuatro>:nth-child(4){grid-column:2/-1} } :root[data-portal="digital"] .pd-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px} @media (max-width:760px){ :root[data-portal="digital"] .pd-dos{grid-template-columns:minmax(0,1fr)} } :root[data-portal="digital"] .pd-tabla--cifras td,:root[data-portal="digital"] .pd-tabla--cifras th{text-align:right} :root[data-portal="digital"] .pd-tabla--cifras td:first-child,:root[data-portal="digital"] .pd-tabla--cifras th:first-child{text-align:left} :root[data-portal="digital"] .pd-tabla--cifras td{font-family:var(--font-mono);font-size:13px} :root[data-portal="digital"] .pd-tabla--cifras td:first-child{font-family:var(--font-sans);font-size:13.5px;color:var(--texto)} :root[data-portal="digital"] .pd-tabla--cifras tr[data-nivel="0"] td{color:var(--texto);font-weight:500} :root[data-portal="digital"] .pd-tabla--cifras tr[data-nivel="0"] td:first-child{font-weight:600;cursor:pointer} :root[data-portal="digital"] .pd-tabla--cifras tr[data-nivel="1"] td:first-child{padding-left:42px;color:var(--texto-2)} :root[data-portal="digital"] .pd-tabla--cifras tr[data-total] td{border-bottom:0;border-top:1px solid var(--borde-fuerte);color:var(--texto);font-weight:600} :root[data-portal="digital"] .pd-tabla--cifras .pd-tabla__total{background:var(--hundido)} :root[data-portal="digital"] .pd-chev{display:inline-flex;transition:transform var(--dur-media) var(--curva-estandar)} :root[data-portal="digital"] [aria-expanded="true"] .pd-chev,:root[data-portal="digital"] .pd-chev[data-abierto]{transform:rotate(90deg)} :root[data-portal="digital"] .pd-vertical-dato{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tono-texto)} :root[data-portal="digital"] .pd-vertical-dato::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tono)} :root[data-portal="digital"] .pd-alcance{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--texto-2)} :root[data-portal="digital"] .pd-alcance svg{color:var(--texto-3)} :root[data-portal="digital"] .pd-alcance--corporativo svg{color:var(--exito)} :root[data-portal="digital"] .pd-alcance--publico svg{color:var(--ambar)} :root[data-portal="digital"] .pd-fila-hijas{margin:0 10px 8px 174px;padding:12px 14px;border-radius:var(--radio-md);background:var(--hundido);display:grid;gap:8px} :root[data-portal="digital"] .pd-dialogo--lateral{max-width:520px;margin-left:auto;min-height:100%;border-radius:var(--radio-2xl) 0 0 var(--radio-2xl);display:flex;flex-direction:column} :root[data-portal="digital"] .pd-dialogo__pie{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--borde-fila)} :root[data-portal="digital"] .pd-persona{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:56px;border-bottom:1px solid var(--borde-fila)} :root[data-portal="digital"] .pd-persona:last-child{border-bottom:0} :root[data-portal="digital"] .pd-persona>svg{color:var(--texto-3)} :root[data-portal="digital"] .pd-persona b{display:block;font-size:13.5px;font-weight:600;color:var(--texto)} :root[data-portal="digital"] .pd-persona small{font:500 12px var(--font-mono);color:var(--texto-3)} :root[data-portal="digital"] .pd-casilla{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--borde-fuerte);border-radius:var(--radio-sm);background:var(--relleno-control);font-size:12.5px;color:var(--texto-2);cursor:pointer} :root[data-portal="digital"] .pd-casilla[aria-checked="true"],:root[data-portal="digital"] .pd-casilla[aria-pressed="true"]{border-color:var(--acento-borde);background:var(--acento-suave);color:var(--acento)} :root[data-portal="digital"] .pd-herr{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:var(--radio-sm);border:1px solid var(--borde-fuerte);background:var(--relleno-control);font:500 12px var(--font-sans);color:var(--texto-3);cursor:pointer;transition:background var(--dur-hover) var(--curva-estandar)} :root[data-portal="digital"] .pd-herr svg{color:var(--texto-4)} :root[data-portal="digital"] .pd-herr[aria-pressed="true"],:root[data-portal="digital"] .pd-herr[aria-checked="true"]{border-color:var(--acento-borde);background:var(--acento-suave);color:var(--acento)} :root[data-portal="digital"] .pd-herr[aria-pressed="true"] svg,:root[data-portal="digital"] .pd-herr[aria-checked="true"] svg{color:var(--acento)} :root[data-portal="digital"] .pd-herr[data-bloqueada="true"]{cursor:default} :root[data-portal="digital"] .pd-herr--grande{height:36px;padding:0 12px;border-radius:var(--radio-md);font-size:13px} :root[data-portal="digital"] .pd-herr__pronto{font:500 11px var(--font-mono);color:var(--texto-4)} :root[data-portal="digital"] .pd-por-vertical{display:grid;gap:6px;margin-bottom:12px} :root[data-portal="digital"] .pd-por-vertical__nombre{display:inline-flex;align-items:center;gap:8px;font:500 11.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tono-texto)} :root[data-portal="digital"] .pd-por-vertical__nombre::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tono)} :root[data-portal="digital"] .pd-por-vertical__fichas{display:flex;flex-wrap:wrap;gap:6px} :root[data-portal="digital"] .pd-rol-cab{display:flex;align-items:center;gap:8px;margin:14px 10px 4px;font:500 11.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-3)} :root[data-portal="digital"] .pd-rol-cab--admin::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ambar)} :root[data-portal="digital"] .pd-fila-enlace[data-inactiva="true"] .pd-atenuable{opacity:.55} :root[data-portal="digital"] .pd-ingreso{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--font-mono);color:var(--texto-3)} :root[data-portal="digital"] .pd-ingreso[data-nunca]{color:var(--texto-4)} :root[data-portal="digital"] .pd-vg.pd-vg--instante{grid-template-columns:minmax(0,1fr);max-width:260px}