.demo-real{background:#f2f7f6;color:#0d2024;border-radius:12px;border:1px solid #0d202414;overflow:hidden;font-family:var(--font-inter),system-ui,sans-serif;text-align:left}.demo-real-header{position:relative;z-index:1;min-height:80px;display:flex;align-items:center;gap:32px;padding:0 24px;background:rgb(242 247 246/85%);box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}.demo-real-logo{height:28px;width:auto;max-width:160px;-o-object-fit:contain;object-fit:contain;margin-left:-8px}.demo-real-header nav{display:flex;align-items:center;gap:4px;flex:1}.demo-real-header nav button,.demo-real-header nav>span{display:inline-flex;align-items:center;gap:4px;font-size:14px;line-height:20px;font-weight:500;color:#0d2024;padding:8px 12px;border-radius:8px}.demo-real-header nav button svg,.demo-real-header nav>span svg,.demo-real-usuario svg{width:14px;height:14px;transition:transform .2s}.demo-real-header nav button.is-open{background:#cbeef3}.demo-real-header nav button.is-open svg{transform:rotate(180deg)}.demo-real-header button:focus-visible{outline:2px solid #2eaaab;outline-offset:2px}.demo-real-controles{display:flex;align-items:center;gap:12px;flex-shrink:0}.demo-real-icono{display:inline-flex;padding:6px;border-radius:8px;color:#0d2024}.demo-real-icono svg{width:20px;height:20px}.demo-real-usuario{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border:1.5px solid #2eaaab;color:#2eaaab;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.demo-real-menu{position:relative}.demo-real-dropdown{position:absolute;top:100%;left:0;z-index:10;margin-top:8px;width:288px;max-width:calc(100vw - 48px);background:#f2f7f6;border:1px solid #0d20241a;box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);border-radius:8px;padding:8px 0}.demo-real-header nav .demo-real-dropdown button{width:100%;padding:10px 16px;font-weight:400;text-align:left;transition:background-color .15s,color .15s;display:grid;gap:2px;border-radius:0}.demo-real-dropdown small{font-size:12px;line-height:16px;font-weight:400;color:#475b5e}.demo-real-header nav .demo-real-dropdown button[aria-current=page]{background:#cbeef3}.demo-real-inicio{display:inline-flex;flex-shrink:0;border-radius:8px}.demo-real-header nav .demo-real-dropdown button:hover{background:#cbeef3;color:#2eaaab}.demo-real-body{min-height:580px}.demo-real-body:has(.demo-recorrido)>div:first-child{min-height:0}.demo-recorrido{padding:0 24px 24px;font-family:var(--font-jakarta),sans-serif}.demo-recorrido h2{font-size:20px;line-height:28px;font-weight:700;font-family:var(--font-manrope),sans-serif;color:#0d2024}.demo-recorrido>p{margin:4px 0 16px;font-size:14px;color:#4f5b5e}.demo-recorrido>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-recorrido button{display:grid;gap:8px;padding:16px;border:1px solid #2eaaab66;border-radius:8px;background:white;box-shadow:0 1px 2px 0 rgb(0 0 0/.05);text-align:left;transition:background-color .15s}.demo-recorrido button strong{font-size:18px;line-height:28px;font-weight:600;font-family:var(--font-manrope),sans-serif;color:#2eaaab}.demo-recorrido button span{font-size:14px;color:#475b5e}.demo-recorrido button:hover{background:#cbeef3}.demo-recorrido button:focus-visible{outline:2px solid #2eaaab;outline-offset:2px}@media(max-width:600px){.demo-recorrido>div{grid-template-columns:1fr}}.demo-real-hamburguesa{display:none;flex-shrink:0;padding:8px;border-radius:8px;color:#0d2024;transition:background-color .2s}.demo-real-hamburguesa:hover{background:#cbeef3}.demo-real-hamburguesa svg{width:24px;height:24px}.demo-movil{display:none}@media(max-width:1023px){.demo-real:not(.demo-real-preview) .demo-real-hamburguesa{display:inline-flex}.demo-real:not(.demo-real-preview) .demo-real-header>nav{display:none}.demo-real:not(.demo-real-preview) .demo-real-header{min-height:64px;gap:12px;padding:0 16px}.demo-real:not(.demo-real-preview) .demo-real-controles{margin-left:auto}.demo-movil{display:block}}.demo-movil-fondo{position:fixed;inset:0;z-index:40;background:rgb(0 0 0/.5)}.demo-movil-panel{position:fixed;top:0;left:0;z-index:50;height:100%;width:320px;max-width:85vw;overflow-y:auto;background:#f2f7f6;box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);font-family:var(--font-jakarta),sans-serif;color:#0d2024}.demo-movil-cabecera{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #0d20241a;background:#f2f7f6}.demo-movil-logo{height:32px;width:auto;-o-object-fit:contain;object-fit:contain}.demo-movil-cabecera button{display:inline-flex;padding:8px;border-radius:8px}.demo-movil-cabecera button:hover{background:#cbeef3}.demo-movil-cabecera button svg{width:20px;height:20px}.demo-movil-lista{display:grid;gap:4px;padding:8px}.demo-movil-categoria{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:8px;font-size:14px;line-height:20px;font-weight:600;text-align:left;transition:background-color .15s,color .15s}.demo-movil-categoria:hover{background:#cbeef3}.demo-movil-categoria.is-open{color:#2eaaab}.demo-movil-categoria svg{width:16px;height:16px;color:#006778;transition:transform .2s}.demo-movil-categoria.is-open svg{transform:rotate(180deg)}.demo-movil-items{display:grid;gap:4px;margin:4px 0 0 8px}.demo-movil-items button{width:100%;padding:10px 16px;border-radius:8px;font-size:14px;line-height:20px;text-align:left;transition:background-color .15s}.demo-movil-items button:hover,.demo-movil-items button[aria-current=page]{background:#cbeef3}.demo-movil button:focus-visible,.demo-real-hamburguesa:focus-visible{outline:2px solid #2eaaab;outline-offset:-2px}.demo-campana{display:inline-flex}.demo-campana,.demo-campana-boton{position:relative}.demo-campana-boton:hover,.demo-campana-boton[aria-expanded=true]{background:#cbeef3}.demo-campana-cuenta{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#2560a4;color:white;font-size:10px;line-height:16px;font-weight:700;text-align:center}.demo-campana-panel{position:absolute;top:100%;right:0;z-index:20;margin-top:8px;width:340px;max-width:calc(100vw - 48px);background:white;border:1px solid #0d20241a;border-radius:12px;box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);font-family:var(--font-jakarta),sans-serif;overflow:hidden}.demo-campana-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #0d202414;font-size:14px}.demo-campana-cabecera button{font-size:12px;font-weight:600;color:#2eaaab}.demo-campana-panel li+li{border-top:1px solid #0d202414}.demo-campana-panel li button{display:flex;gap:10px;width:100%;padding:12px 16px;text-align:left}.demo-campana-panel li button:hover{background:#f2f7f6}.demo-campana-panel li button.es-nueva{background:#cbeef355}.demo-campana-punto{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:999px;background:transparent}.es-nueva .demo-campana-punto{background:#2560a4}.demo-campana-titulo{display:block;font-size:13.5px;line-height:19px;color:#0d2024}.es-nueva .demo-campana-titulo{font-weight:600}.demo-campana-fecha{display:block;margin-top:2px;font-size:12px;color:#475b5e}.demo-campana button:focus-visible{outline:2px solid #2eaaab;outline-offset:-2px}@media(max-width:600px){.demo-campana{position:static}.demo-campana-panel{left:12px;right:12px;width:auto;max-width:none}}.demo-vista{padding:24px;font-family:var(--font-jakarta),sans-serif;color:#0d2024}.demo-vista-encabezado{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.demo-vista-categoria{font-size:13px;line-height:18px;font-weight:600;color:#2eaaab}.demo-vista h1{font-size:26px;line-height:34px;font-weight:700;font-family:var(--font-manrope),sans-serif}.demo-vista-aviso{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:#cbeef3;color:#2560a4;font-size:12px;line-height:18px;font-weight:600;white-space:nowrap}.demo-vista-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.demo-vista-tarjeta{min-width:0;padding:20px;border:1px solid #0d20241a;border-radius:12px;background:white;box-shadow:0 1px 2px rgb(0 0 0/.05)}.demo-vista-permite{font-size:16px;line-height:26px}.demo-vista-tarjeta ul{display:grid;gap:12px;margin:16px 0 20px}.demo-vista-tarjeta li{display:flex;gap:10px;font-size:14px;line-height:22px;color:#475b5e}.demo-vista-tarjeta li svg{flex-shrink:0;width:18px;height:18px;margin-top:2px;color:#2eaaab}.demo-vista-cta{display:inline-flex;padding:10px 16px;border-radius:8px;background:#2eaaab;color:white;font-size:14px;font-weight:600}.demo-vista-cta:hover{background:#167172}.demo-vista-cta:focus-visible{outline:2px solid #2560a4;outline-offset:2px}.demo-vista-tarjeta h2{font-size:16px;line-height:24px;font-weight:700;font-family:var(--font-manrope),sans-serif;margin-bottom:12px}.demo-vista-tabla{overflow-x:auto;border:1px solid #0d202414;border-radius:8px}.demo-vista-tabla table{width:100%;border-collapse:collapse;font-size:14px}.demo-vista-tabla th{padding:10px 14px;text-align:left;font-size:13px;font-weight:600;background:#0d202408;white-space:nowrap}.demo-vista-tabla td{padding:10px 14px;border-top:1px solid #0d202414}.demo-vista-nota{margin-top:10px;font-size:12px;color:#475b5e}@media(max-width:900px){.demo-vista-cuerpo{grid-template-columns:1fr}}@media(max-width:600px){.demo-vista{padding:16px}.demo-vista h1{font-size:22px;line-height:30px}}.demo-real-preview{border-radius:0}.demo-real-preview .demo-real-header{min-height:48px;gap:12px;padding:0 16px}.demo-real-preview .demo-real-logo{height:20px;max-width:120px;margin-left:0}.demo-real-preview .demo-real-header nav{gap:2px}.demo-real-preview .demo-real-header nav>span{font-size:11px;line-height:16px;padding:4px 6px;border-radius:6px}.demo-real-preview .demo-real-header nav>span svg,.demo-real-preview .demo-real-usuario svg{width:10px;height:10px}.demo-real-preview .demo-real-controles{gap:6px}.demo-real-preview .demo-real-icono{padding:3px}.demo-real-preview .demo-real-icono svg{width:14px;height:14px}.demo-real-preview .demo-real-usuario{height:24px;gap:4px;font-size:10px;padding:0 8px;border-width:1px;border-radius:6px}.demo-real-preview .demo-real-body{min-height:0}.demo-real-preview .demo-real-body>div{min-height:0;padding:16px}.demo-real-preview .demo-real-body>div>.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.demo-real-preview .demo-real-body>div>.grid>div{padding:12px}.demo-real-preview .demo-real-body .grid .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 8px}.demo-real-preview .demo-real-body .grid .grid>div{min-width:0}.demo-real-preview h1{font-size:16px;line-height:22px;letter-spacing:normal;margin:0;max-width:none;color:#0d2024;font-weight:700}.demo-real-preview h2{font-size:14px;line-height:20px}.demo-real-preview .demo-real-body p.text-sm{font-size:10px;line-height:14px}.demo-real-preview .demo-real-body p.text-base{font-size:11px;line-height:16px;overflow-wrap:anywhere}.demo-real-preview .demo-real-body .mb-3{margin-bottom:10px}.demo-real-preview .demo-real-body .space-y-2>:not([hidden])~:not([hidden]){margin-top:8px}.demo-real-preview .demo-real-body .space-y-4>:not([hidden])~:not([hidden]){margin-top:12px}.demo-preview-link{display:block;color:inherit;text-decoration:none}.demo-preview-link:focus-visible{outline:3px solid #2eaaab;outline-offset:4px}.demo-page{min-height:100vh;background:#f2f7f6;padding:0 28px 28px}.demo-page-top{margin:0 -28px 20px;padding:0 28px;border-bottom:1px solid #27272714;background:#f2f7f6;font-family:var(--font-jakarta),sans-serif;color:#272727}.demo-page-top-barra{max-width:1400px;min-height:56px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.demo-page-volver{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-left:-10px;border-radius:8px;font-size:14px;font-weight:600;color:#272727;transition:background-color .15s,color .15s}.demo-page-volver:hover{background:#cbeef3;color:#2560a4}.demo-page-aviso{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;line-height:18px;color:#475b5e}.demo-page-aviso strong{flex-shrink:0;padding:3px 12px;border-radius:999px;background:#cbeef3;color:#2560a4;font-size:12px;font-weight:700;white-space:nowrap}.demo-page-cta{justify-self:end;display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;background:#2eaaab;color:white;font-size:14px;font-weight:600;white-space:nowrap;transition:background-color .15s}.demo-page-cta:hover{background:#268e8f}.demo-page-cta:focus-visible,.demo-page-volver:focus-visible{outline:2px solid #2560a4;outline-offset:2px}@media(max-width:760px){.demo-page-top-barra{grid-template-columns:1fr auto;gap:8px 12px;padding:10px 0}.demo-page-aviso{grid-column:1/-1;order:3;flex-wrap:wrap;gap:4px 8px;font-size:12px}.demo-page-cta{padding:7px 12px;font-size:13px}}@media(max-width:600px){.demo-page-top{margin:0 -12px 12px;padding:0 12px}}@media(max-width:360px){.demo-page-cta,.demo-page-volver{font-size:12px;white-space:nowrap}.demo-page-cta{padding:7px 10px}}.demo-page>.demo-real{max-width:1400px;margin:auto}@media(max-width:600px){.demo-page{padding:0 12px 12px}.demo-real-header{padding:12px;gap:12px;flex-wrap:wrap}.demo-real-logo{margin-left:0}.demo-real-header nav{gap:2px}.demo-real-controles{gap:6px}.demo-real-controles>.demo-real-icono{display:none}.demo-real-usuario{font-size:11px}.demo-real-preview .demo-real-header{padding:8px 12px}.demo-real-preview .demo-real-usuario{display:none}}@media(max-width:380px){.demo-real-preview .demo-real-body>div{padding:10px}.demo-real-preview .demo-real-body>div>.grid{grid-template-columns:1fr}}@media(max-width:600px){.demo-real:not(.demo-real-preview) .demo-real-header{flex-wrap:nowrap;gap:8px}.demo-real-inicio{flex-shrink:1;min-width:0}.demo-real:not(.demo-real-preview) .demo-real-logo{height:22px;max-width:100%}.demo-vista-tabla{overflow-x:visible}.demo-vista-tabla table,.demo-vista-tabla tbody,.demo-vista-tabla td,.demo-vista-tabla tr{display:block}.demo-vista-tabla thead{display:none}.demo-vista-tabla tr{padding:10px 14px}.demo-vista-tabla tr+tr{border-top:1px solid #0d202414}.demo-vista-tabla td{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-top:0;text-align:right;overflow-wrap:anywhere}.demo-vista-tabla td:before{content:attr(data-columna);flex-shrink:0;font-size:12px;font-weight:600;color:#475b5e;text-align:left}.demo-vista-tabla td:first-child{font-weight:600}.demo-real-body select{min-width:0}.demo-real-body img{max-width:100%}}.dark .demo-page{background:#0e1a1d}.dark .demo-page-top{background:#0e1a1d;border-bottom-color:#f3eee41a;color:#f3eee4}.dark .demo-page-volver{color:#f3eee4}.dark .demo-page-volver:hover{background:#1f2d31;color:#2eaaab}.dark .demo-page-aviso{color:#b8c2c5}.dark .demo-page-aviso strong,.dark .demo-vista-aviso{background:rgb(46 170 171/20%);color:#74d5d7}.dark .demo-page-cta:focus-visible,.dark .demo-page-volver:focus-visible,.dark .demo-vista-cta:focus-visible{outline-color:#74d5d7}.dark .demo-real{background:#0e1a1d;color:#f3eee4;border-color:#f3eee41a}.dark .demo-real-header{background:#0e1a1dd9}.dark .demo-real-hamburguesa,.dark .demo-real-header nav button,.dark .demo-real-header nav>span,.dark .demo-real-icono{color:#f3eee4}.dark .demo-real-header nav button.is-open{background:#1a262a}.dark .demo-real-dropdown{background:#1a262a;border-color:#f3eee41a}.dark .demo-real-dropdown small{color:#b8c2c5}.dark .demo-real-header nav .demo-real-dropdown button:hover{background:#1f2d31;color:#2eaaab}.dark .demo-campana-boton:hover,.dark .demo-campana-boton[aria-expanded=true],.dark .demo-real-hamburguesa:hover,.dark .demo-real-header nav .demo-real-dropdown button[aria-current=page]{background:#1f2d31}.dark .demo-movil-panel{background:#0e1a1d;color:#f3eee4}.dark .demo-movil-cabecera{background:#0e1a1d;border-bottom-color:#f3eee41a}.dark .demo-movil-cabecera button:hover{background:#1f2d31}.dark .demo-movil-categoria,.dark .demo-movil-items button{background:#1a262a}.dark .demo-movil-categoria:hover,.dark .demo-movil-items button:hover,.dark .demo-movil-items button[aria-current=page]{background:#1f2d31}.dark .demo-movil-categoria.is-open{background:transparent}.dark .demo-movil-categoria svg{color:#5fc8c9}.dark .demo-campana-panel{background:#1a262a;border-color:rgb(243 238 228/10%)}.dark .demo-campana-cabecera{border-bottom-color:rgb(243 238 228/10%)}.dark .demo-campana-cabecera button{color:#74d5d7}.dark .demo-campana-panel li+li{border-top-color:rgb(243 238 228/10%)}.dark .demo-campana-panel li button:hover{background:rgb(255 255 255/.08)}.dark .demo-campana-panel li button.es-nueva{background:rgb(255 255 255/.06)}.dark .demo-campana-titulo{color:#f3eee4}.dark .demo-campana-fecha{color:#b8c2c5}.dark .demo-campana-cuenta,.dark .es-nueva .demo-campana-punto{background:#2eaaab}.dark .demo-recorrido h2{color:#f3eee4}.dark .demo-recorrido button span,.dark .demo-recorrido>p{color:#b8c2c5}.dark .demo-recorrido button{background:#1a262a}.dark .demo-recorrido button:hover{background:#1f2d31}.dark .demo-vista{color:#f3eee4}.dark .demo-vista-tarjeta{background:#1a262a;border-color:rgb(243 238 228/10%)}.dark .demo-vista-nota,.dark .demo-vista-tarjeta li{color:#b8c2c5}.dark .demo-vista-tabla,.dark .demo-vista-tabla td,.dark .demo-vista-tabla tr+tr{border-color:rgb(243 238 228/10%)}.dark .demo-vista-tabla th{background:rgb(255 255 255/.04)}.dark .demo-vista-tabla td:before{color:#b8c2c5}.dark .demo-vista-cta:hover{background:#268e8f}