:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #8A2BE2;--secondary-color: #B39DDB;--bg-dark: #121212;--bg-card: #1E1E1E;--text-primary: #FFFFFF;--text-secondary: #808080;--spacing-base: 16px;--spacing-xs: calc(var(--spacing-base) * .25);--spacing-sm: calc(var(--spacing-base) * .5);--spacing-md: var(--spacing-base);--spacing-lg: calc(var(--spacing-base) * 1.5);--spacing-xl: calc(var(--spacing-base) * 2);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 32px;--border-radius-circle: 50%;--navbar-height: 64px;--padding-horizontal: 16px;--padding-vertical: 24px;--container-max-width-mobile: 100%;--container-max-width-tablet: 768px;--container-max-width-desktop: 1024px;--container-max-width-wide: 1440px}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:var(--secondary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-color)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background-color:var(--bg-dark)}h1{font-size:2.5rem;line-height:1.1;color:var(--text-primary);margin-bottom:var(--spacing-lg)}h2{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}h4{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}button{border-radius:var(--border-radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .25s}button:hover{opacity:.9;transform:translateY(-2px)}button:focus,button:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.card{background-color:var(--bg-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:0 4px 8px #0003}.container{width:100%;max-width:var(--container-max-width-mobile);margin:0 auto;padding:var(--padding-horizontal)}@media (min-width: 768px){.container{max-width:var(--container-max-width-tablet)}}@media (min-width: 1024px){.container{max-width:var(--container-max-width-desktop)}}@media (min-width: 1440px){.container{max-width:var(--container-max-width-wide)}}#root{min-height:100vh;width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.contenido-principal{flex:1;padding:2rem 2rem 5rem;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem}.bienvenida{text-align:center;margin-bottom:2rem}.bienvenida h2{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.bienvenida p{color:#7f8c8d;font-size:1.1rem;max-width:600px;margin:0 auto}.respuesta{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:2rem;box-shadow:0 2px 10px #0000000d}.respuesta h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.respuesta p{color:#34495e;font-size:1.1rem;line-height:1.5}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.barra-superior{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0003;position:sticky;top:0;z-index:100;width:100%}.barra-superior__izquierda,.barra-superior__centro,.barra-superior__derecha{display:flex;align-items:center}.barra-superior__izquierda{flex:1;justify-content:flex-start}.barra-superior__centro{flex:2;justify-content:center}.barra-superior__derecha{flex:1;justify-content:flex-end}.barra-superior__fecha{font-size:.9rem;font-weight:500;color:var(--text-secondary);background-color:#ffffff1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.barra-superior__titulo{margin:0;font-size:1.2rem;font-weight:600;text-align:center}.barra-superior__perfil{display:flex;align-items:center}.barra-superior__avatar{width:40px;height:40px;border-radius:var(--border-radius-circle);background-color:var(--primary-color);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.barra-superior__avatar img{width:100%;height:100%;object-fit:cover}.barra-superior__avatar.iniciales{color:#fff;font-weight:600;font-size:1rem}.barra-superior__nav{flex-basis:100%;margin-top:var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.barra-superior__menu{display:flex;gap:var(--spacing-md);list-style:none;margin:0;padding:0;width:max-content}.barra-superior__menu li{white-space:nowrap}.barra-superior__menu a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all .2s ease}.barra-superior__menu a:hover{color:var(--secondary-color);background-color:#ffffff0d}.barra-superior__menu a.activo{color:var(--primary-color);background-color:#8a2be21a;font-weight:600}@media (min-width: 768px){.barra-superior{flex-wrap:nowrap}.barra-superior__nav{flex-basis:auto;margin-top:0;margin-left:var(--spacing-lg)}.barra-superior__titulo{font-size:1.5rem}}.hablar-tina{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:32rem;margin:0 auto;padding:1.5rem 1rem;font-size:1.25rem;line-height:1.5;text-align:center;color:#1a1a1a}.hablar-tina__aviso{margin:0;padding:1rem;border-left:6px solid #1f5fa8;background:#eef4fb;text-align:left}.hablar-tina__estado{margin:0;font-size:1.5rem;font-weight:600}.hablar-tina__error{margin:0;padding:1rem;border-left:6px solid #b3261e;background:#fdeeee;text-align:left}.hablar-tina__codigo{display:flex;flex-direction:column;gap:.75rem;width:100%}.hablar-tina__codigo input{min-height:3.5rem;padding:0 1rem;font-size:1.5rem;border:2px solid #555;border-radius:.5rem}.hablar-tina__boton{min-height:4rem;width:100%;padding:0 1.5rem;font-size:1.5rem;font-weight:700;color:#fff;background:#1f5fa8;border:none;border-radius:1rem;cursor:pointer}.hablar-tina__boton:disabled{background:#8a8a8a;cursor:not-allowed}.hablar-tina__boton:focus-visible{outline:4px solid #f0a500;outline-offset:3px}.hablar-tina__boton--principal{min-height:7rem;font-size:2rem;border-radius:1.5rem}.hablar-tina__boton--colgar{background:#b3261e}.accesibilidad-panel{position:fixed;bottom:20px;right:20px;background-color:#212121f2;color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000004d;z-index:9999;transition:all .3s ease;max-width:400px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.accesibilidad-panel.closed{width:50px;height:50px;overflow:hidden}.accesibilidad-panel.open{max-height:80vh;width:100%;max-width:400px;overflow-y:auto}.accesibilidad-panel__toggle{position:absolute;top:0;right:0;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;font-size:1.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #0003}.accesibilidad-panel__contenido{padding:60px 20px 20px}.accesibilidad-panel h2{font-size:1.4rem;margin-bottom:1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem}.accesibilidad-panel h3{font-size:1.1rem;margin-top:1rem;margin-bottom:.5rem;color:#fff}.accesibilidad-panel__seccion{margin-bottom:1.5rem}.accesibilidad-panel__lista{list-style:none;padding:0;margin:0}.accesibilidad-panel__item{padding:.5rem;margin-bottom:.5rem;border-radius:6px;background-color:#ffffff1a;font-size:.9rem;word-break:break-all}.accesibilidad-panel__item--error{background-color:#e74c3c33;border-left:3px solid #e74c3c}.accesibilidad-panel__item--warning{background-color:#f1c40f33;border-left:3px solid #f1c40f;padding:.5rem;border-radius:6px}.accesibilidad-panel__success{background-color:#2ecc7133;border-left:3px solid #2ecc71;padding:.5rem;border-radius:6px}.accesibilidad-panel__btn-validar{background-color:var(--primary-color);color:#fff;border:none;padding:.7rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;width:100%;margin-top:1rem}@media (max-width: 767px){.accesibilidad-panel.open{width:calc(100% - 40px);max-width:none;max-height:60vh}}.interface-tester{position:fixed;top:20px;right:20px;background-color:#212121f2;color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000004d;z-index:9999;transition:all .3s ease;max-width:500px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.interface-tester.closed{width:50px;height:50px;overflow:hidden}.interface-tester.open{max-height:80vh;width:100%;max-width:500px;overflow-y:auto}.interface-tester__toggle{position:absolute;top:0;right:0;width:50px;height:50px;border-radius:50%;background-color:#2c3e50;color:#fff;font-size:1.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #0003}.interface-tester__contenido{padding:60px 20px 20px}.interface-tester h2{font-size:1.4rem;margin-bottom:1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem}.interface-tester h3{font-size:1.2rem;margin-top:1rem;margin-bottom:.5rem;color:#fff}.interface-tester h4{font-size:1.1rem;margin-top:1rem;margin-bottom:.5rem;color:#fff}.interface-tester h5{font-size:1rem;margin-top:.8rem;margin-bottom:.5rem;color:#e0e0e0}.interface-tester__modo{display:flex;margin-bottom:1rem;border-radius:8px;overflow:hidden}.interface-tester__btn-modo{flex:1;background-color:#34495e;border:none;padding:.7rem 0;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.interface-tester__btn-modo.activo{background-color:var(--primary-color);font-weight:600}.interface-tester__seccion{margin-bottom:1.5rem}.interface-tester__subseccion{margin-bottom:1.5rem;padding:1rem;background-color:#ffffff0d;border-radius:8px}.interface-tester__descripcion{font-size:.9rem;margin-bottom:1rem;color:#bdc3c7}.interface-tester__btn-ejecutar{width:100%;padding:.8rem;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;margin-bottom:1rem;transition:all .2s ease}.interface-tester__btn-ejecutar:hover{background-color:#7026bf}.interface-tester__btn-ejecutar:disabled{background-color:#7f8c8d;cursor:not-allowed}.interface-tester__resultados{background-color:#ffffff0d;padding:1rem;border-radius:8px;margin-top:1rem}.interface-tester__tarjeta-resultado{background-color:#0003;padding:1rem;border-radius:6px}.interface-tester__lista{list-style:none;padding:0;margin:0}.interface-tester__item-error{background-color:#e74c3c33;border-left:3px solid #e74c3c;padding:.7rem;margin-bottom:.5rem;border-radius:4px;font-size:.9rem}.interface-tester__item-warning{background-color:#f1c40f33;border-left:3px solid #f1c40f;padding:.7rem;margin-bottom:.5rem;border-radius:4px;font-size:.9rem}.interface-tester__exito{background-color:#2ecc7133;border-left:3px solid #2ecc71;padding:.7rem;border-radius:4px}.interface-tester__btn-secundario{background-color:#3498db;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.interface-tester__btn-secundario:hover{background-color:#2980b9}.interface-tester__mensaje{margin-top:.8rem;padding:.7rem;background-color:#3498db33;border-radius:4px;font-size:.9rem}.interface-tester__elemento-info{margin-top:1rem;padding:1rem;background-color:#0003;border-radius:6px}.interface-tester__elemento-info p{margin-bottom:.5rem;font-size:.9rem}.interface-tester__acciones-elemento{display:flex;gap:.5rem;margin-top:1rem}.interface-tester__btn-accion{flex:1;background-color:#16a085;color:#fff;border:none;border-radius:4px;padding:.5rem;font-size:.8rem;cursor:pointer}.interface-tester__btn-accion:hover{background-color:#138a72}.interface-tester__campo{display:flex;gap:.5rem;margin-bottom:1rem}.interface-tester__input{flex:1;padding:.6rem;border-radius:4px;border:1px solid #7f8c8d;background-color:#ffffffe6;font-size:.9rem}.interface-tester__resultado-comando{padding:.7rem;border-radius:4px;font-size:.9rem}.interface-tester__resultado-comando.exito{background-color:#2ecc7133;border-left:3px solid #2ecc71}.interface-tester__resultado-comando.error{background-color:#e74c3c33;border-left:3px solid #e74c3c}@media (max-width: 767px){.interface-tester.open{width:calc(100% - 40px);max-width:none;left:20px;right:20px}}:root{--breakpoint-movil: 375px;--breakpoint-tableta: 768px;--breakpoint-escritorio: 1024px;--breakpoint-wide: 1440px;--container-max-width-movil: 100%;--container-max-width-tableta: 738px;--container-max-width-escritorio: 994px;--container-max-width-wide: 1400px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 375px){.container{max-width:100%}.hide-on-mobile{display:none!important}}@media (min-width: 768px){.container{max-width:738px}.hide-on-tablet{display:none!important}.show-on-tablet{display:block!important}}@media (min-width: 1024px){.container{max-width:994px}.hide-on-desktop{display:none!important}.show-on-desktop{display:block!important}}@media (min-width: 1440px){.container{max-width:1400px}.hide-on-wide{display:none!important}.show-on-wide{display:block!important}}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:1fr}@media (min-width: 768px){.grid-cols-tablet-2{grid-template-columns:repeat(2,1fr)}.grid-cols-tablet-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-cols-desktop-2{grid-template-columns:repeat(2,1fr)}.grid-cols-desktop-3{grid-template-columns:repeat(3,1fr)}.grid-cols-desktop-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1440px){.grid-cols-wide-5{grid-template-columns:repeat(5,1fr)}.grid-cols-wide-6{grid-template-columns:repeat(6,1fr)}}:root{--font-size-base: 16px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--contrast-ratio: 4.5}body{font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}p{margin-bottom:1em}button,input,select,textarea{font-size:var(--font-size-md)}button,.button,[role=button],input[type=submit],input[type=reset],input[type=button]{min-height:44px;min-width:44px;padding:.5rem 1rem;border-radius:8px}a:focus,button:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline:3px solid var(--primary-color);outline-offset:2px}.no-select{-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){:root{--font-size-base: 18px}button,.button,[role=button],input[type=submit],input[type=reset],input[type=button]{min-height:48px}nav a,nav button{margin:.3rem 0;padding:.7rem}}