.viu-header-section[data-v-0086815f]{display:flex;justify-content:space-between;margin-bottom:20px}.viu-header-section .left-side[data-v-0086815f],.viu-header-section .right-side[data-v-0086815f]{display:flex;flex-wrap:wrap;align-items:flex-end}.viu-header-section .left-side .title[data-v-0086815f],.viu-header-section .right-side .title[data-v-0086815f]{width:100%;color:var(--primary-950);font-weight:700;font-size:var(--md-medium);font-family:Gilroy}.viu-header-section .left-side .subtitle[data-v-0086815f],.viu-header-section .right-side .subtitle[data-v-0086815f]{width:100%;margin-top:2px;font-family:Gilroy;color:var(--primary-950);font-size:var(--md-medium);font-weight:500}[data-v-29489e99]{box-sizing:border-box}.viu-box[data-v-29489e99]{display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding:16px;font-size:14px;font-weight:500;background:var(--white);border:1px solid var(--grey-100);border-radius:8px}.viu-box.light[data-v-29489e99]{color:var(--primary-950);background:var(--white)}.viu-box.grey[data-v-29489e99]{color:var(--primary-950);background:var(--grey-5)}.viu-box.dark[data-v-29489e99]{color:var(--white);background:#535874}.viu-box .header[data-v-29489e99]{display:flex;justify-content:space-between;width:100%;padding-bottom:20px;font-weight:700;font-size:14px;font-family:Gilroy;line-height:17px}.viu-box .footer[data-v-29489e99]{width:100%;padding-top:20px}.viu-header[data-v-fb63754c]{display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:15px;font-size:14px}.viu-header .text[data-v-fb63754c]{color:#35425b;font-weight:700;font-family:Gilroy;line-height:108%}.viu-header .separator[data-v-fb63754c]{flex:1;align-self:center;margin-left:15px;border:0;border-top:1px solid #d7e1ea;box-shadow:none}.viu-header .right-header[data-v-fb63754c]{padding-left:16px}[data-v-2b680abc]{box-sizing:border-box}.viu-alert[data-v-2b680abc]{position:relative;display:flex;align-items:center;padding:3px 4px 3px 6px;overflow:hidden;font-weight:500;font-size:14px;min-height:30px;font-family:Gilroy;border-radius:6px;color:var(--primary-950);justify-content:space-between}.viu-alert .content[data-v-2b680abc]{width:100%}.viu-alert.text-center[data-v-2b680abc]{text-align:center}.viu-alert .first-content[data-v-2b680abc]{align-items:center;display:flex}.viu-alert.warning[data-v-2b680abc]{background:var(--mango-50);border:1px solid var(--mango-600)}.viu-alert.warning i.icon-info[data-v-2b680abc]{color:var(--mango-600)}.viu-alert.error[data-v-2b680abc]{background:var(--red-20);border:1px solid var(--red-500)}.viu-alert.error i.icon-info[data-v-2b680abc]{color:var(--red-500)}.viu-alert.info[data-v-2b680abc]{background:var(--blue-20);border:1px solid var(--blue-500)}.viu-alert.info i.icon-info[data-v-2b680abc]{color:var(--blue-500)}.viu-alert.success[data-v-2b680abc]{background:var(--green-50);border:1px solid var(--green-500)}.viu-alert.success i.icon-info[data-v-2b680abc]{color:var(--green-500)}.viu-alert i.icon-info[data-v-2b680abc]{margin-right:10px;left:0;font-size:16px}.viu-alert .action-elements[data-v-2b680abc]{margin-left:10px}[data-v-07f12505]{box-sizing:border-box}.viu-badge[data-v-07f12505]{width:20px;height:20px;border-radius:12px;color:var(--white);display:flex;align-items:center;justify-content:center;font-family:Gilroy;font-size:12px;font-weight:500;padding:0 4px}.viu-badge.small[data-v-07f12505]{padding:1px 6px;width:16px;height:16px;font-size:11px}.viu-badge.hasValue[data-v-07f12505]{width:-moz-min-content;width:min-content;padding:4px 8px;min-width:28px;height:20px}.viu-badge.hasValue.small[data-v-07f12505]{padding:1px 6px;min-width:16px;height:16px}.viu-badge.filled.red[data-v-07f12505]{background-color:var(--red-500);color:var(--white)}.viu-badge.filled.blue[data-v-07f12505]{background-color:var(--blue-500);color:var(--white)}.viu-badge.filled.green[data-v-07f12505]{background-color:var(--green-500);color:var(--white)}.viu-badge.filled.yellow[data-v-07f12505]{background-color:var(--mango-500);color:var(--mango-900)}.viu-badge.filled.grey[data-v-07f12505]{background-color:var(--grey-500);color:var(--grey-40)}.viu-badge.filled.primary[data-v-07f12505]{background-color:var(--primary-950);color:var(--white)}.viu-badge[data-v-07f12505]:not(.filled){background-color:var(--white)}.viu-badge:not(.filled).red[data-v-07f12505]{color:var(--red-500)}.viu-badge:not(.filled).blue[data-v-07f12505]{color:var(--blue-500)}.viu-badge:not(.filled).green[data-v-07f12505]{color:var(--green-500)}.viu-badge:not(.filled).yellow[data-v-07f12505]{color:var(--mango-900)}.viu-badge:not(.filled).grey[data-v-07f12505]{color:var(--grey-500)}.viu-badge:not(.filled).primary[data-v-07f12505]{color:var(--primary-950)}.ejemplos-viu .componente-header{transition:background-color .2s ease;border-radius:6px;margin-bottom:10px}.ejemplos-viu .componente-header .viu-header{padding:10px 15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ejemplos-viu .componente-header .viu-header i{margin-right:10px;transition:transform .2s ease;color:#666;font-size:14px}.ejemplos-viu .ejemplo-simple{margin-bottom:25px}.ejemplos-viu .ejemplo-simple h4{color:#333;margin-bottom:15px;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.ejemplos-viu .ejemplo-simple .ejemplo-demo{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:20px;display:flex;align-items:center;justify-content:center}.ejemplos-viu .events-table,.ejemplos-viu .props-table{width:100%;border-collapse:collapse;margin:15px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.ejemplos-viu .events-table td,.ejemplos-viu .events-table th,.ejemplos-viu .props-table td,.ejemplos-viu .props-table th{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.ejemplos-viu .events-table th,.ejemplos-viu .props-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.ejemplos-viu .events-table tr:last-child td,.ejemplos-viu .props-table tr:last-child td{border-bottom:none}.ejemplos-viu .events-table tr:hover,.ejemplos-viu .props-table tr:hover{background-color:#f8f9fa}.ejemplos-viu .events-table code,.ejemplos-viu .props-table code{background:#e9ecef;padding:2px 6px;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:12px;color:#d63384}.ejemplos-viu .events-table .badge,.ejemplos-viu .props-table .badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.ejemplos-viu .events-table .badge.required,.ejemplos-viu .props-table .badge.required{background-color:#dc3545;color:#fff}.ejemplos-viu .events-table .badge.optional,.ejemplos-viu .props-table .badge.optional{background-color:#6c757d;color:#fff}.ejemplos-viu .events-table tbody tr:nth-child(2n),.ejemplos-viu .props-table tbody tr:nth-child(2n){background-color:#fbfbfb}.ejemplos-viu .events-table tbody tr:nth-child(2n):hover,.ejemplos-viu .props-table tbody tr:nth-child(2n):hover{background-color:#f1f3f4}.ejemplos-viu .events-table tbody tr:nth-child(2n) code,.ejemplos-viu .props-table tbody tr:nth-child(2n) code{background:#e2e6ea}.ejemplos-viu .events-table tbody tr:nth-child(2n) td:first-child,.ejemplos-viu .props-table tbody tr:nth-child(2n) td:first-child{background:#e9ecef}.ejemplos-viu .rows-group+.rows-group{margin-top:40px}.ejemplos-viu .viu-expandable{padding:0 15px 15px 15px}.ejemplos-viu .viu-floating-menu{position:relative;display:inline-block}.ejemplos-viu .viu-floating-menu :deep(.tippy-content){padding:0!important}.ejemplos-viu .floating-menu-container{position:relative!important;overflow:visible!important}.ejemplos-viu :deep(.tippy-popper){z-index:9999!important}.ejemplos-viu :deep(.tippy-popper) .tippy-box{position:static!important;transform:none!important;top:auto!important;left:auto!important;margin-top:8px!important}.ejemplos-viu :deep(.tippy-theme-menu) .tippy-box,.ejemplos-viu :deep(.tippy-theme-menu-fixed) .tippy-box{position:relative!important;transform:none!important;top:auto!important;left:auto!important;margin-top:8px!important}.ejemplos-viu .ejemplo-demo .ejemplo-item{margin-bottom:30px}.ejemplos-viu .ejemplo-demo .ejemplo-item .floating-menu-container,.ejemplos-viu .ejemplo-demo .ejemplo-item>div[style*=padding]{min-height:100px;border:1px dashed #dee2e6;border-radius:4px;background-color:#f8f9fa;position:relative!important}.ejemplos-viu .ejemplo-demo .ejemplo-item .floating-menu-container .viu-floating-menu,.ejemplos-viu .ejemplo-demo .ejemplo-item>div[style*=padding] .viu-floating-menu{position:relative;z-index:1}@media(max-width:768px){.ejemplos-viu .componente-header .viu-header{padding:8px 10px;font-size:14px}.ejemplos-viu .componente-header .viu-header i{margin-right:8px}.ejemplos-viu .events-table,.ejemplos-viu .props-table{font-size:12px;display:block;overflow-x:auto;white-space:nowrap}.ejemplos-viu .events-table td,.ejemplos-viu .events-table th,.ejemplos-viu .props-table td,.ejemplos-viu .props-table th{padding:8px 10px}.ejemplos-viu .events-table tbody,.ejemplos-viu .events-table td,.ejemplos-viu .events-table th,.ejemplos-viu .events-table thead,.ejemplos-viu .events-table tr,.ejemplos-viu .props-table tbody,.ejemplos-viu .props-table td,.ejemplos-viu .props-table th,.ejemplos-viu .props-table thead,.ejemplos-viu .props-table tr{display:block}.ejemplos-viu .events-table thead tr,.ejemplos-viu .props-table thead tr{position:absolute;top:-9999px;left:-9999px}.ejemplos-viu .events-table tr,.ejemplos-viu .props-table tr{border:1px solid #ccc;margin-bottom:10px;padding:5px}.ejemplos-viu .events-table td,.ejemplos-viu .props-table td{border:none;position:relative;padding-left:50%!important}.ejemplos-viu .events-table td:before,.ejemplos-viu .props-table td:before{content:attr(data-label);position:absolute;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:700}}.ejemplos-viu .navegacion-rapida{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.ejemplos-viu .navegacion-rapida .viu-chip{cursor:pointer;transition:all .2s ease}.ejemplos-viu .navegacion-rapida .viu-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.ejemplos-viu .componente-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ejemplos-viu .componente-header:hover{background-color:#f8f9fa}.ejemplos-viu .componente-header .fa-solid{margin-right:10px;transition:transform .2s ease}.ejemplos-viu .construccion{text-align:center;padding:40px 20px}.ejemplos-viu .construccion .viu-alert{max-width:600px;margin:0 auto}.ejemplos-viu .rows-group{margin-top:30px}.ejemplos-viu .rows-group:first-child{margin-top:0}.ejemplos-viu .ejemplo-section{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.ejemplos-viu .ejemplo-section h4{margin-top:0;color:#495057;font-size:16px}.ejemplos-viu .ejemplo-section .ejemplo-item{margin-bottom:20px}.ejemplos-viu .ejemplo-section .ejemplo-item h5{margin:0 0 10px 0;color:#6c757d;font-size:14px;font-weight:600}.ejemplos-viu .ejemplo-section .ejemplo-item .ejemplo-demo{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:15px}.ejemplos-viu .ejemplo-section .ejemplo-item .ejemplo-demo .form-row{display:flex;gap:15px;margin-bottom:15px}.ejemplos-viu .ejemplo-section .ejemplo-item .ejemplo-demo .form-row:last-child{margin-bottom:0}.ejemplos-viu .code-section{margin:20px 0}.ejemplos-viu .code-section h4{margin-top:0;color:#495057;font-size:16px}.ejemplos-viu .code-section pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:20px;overflow-x:auto;margin:0}.ejemplos-viu .code-section code{font-family:Monaco,Consolas,monospace;font-size:13px}.ejemplos-viu .code-section .formato-data{margin-top:20px;padding:15px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.ejemplos-viu .code-section .formato-data h5{color:#856404;margin-bottom:10px;font-size:14px;font-weight:600}.ejemplos-viu .code-section .formato-data pre{background-color:#fff;border:1px solid #ffeaa7;margin-bottom:0}.ejemplos-viu .code-section .formato-data pre code{color:#495057}.ejemplos-viu .props-section,.ejemplos-viu .slots-section,.ejemplos-viu .uso-section{margin:20px 0}.ejemplos-viu .props-section h4,.ejemplos-viu .slots-section h4,.ejemplos-viu .uso-section h4{margin-top:0;color:#495057;font-size:16px}.ejemplos-viu :deep(.viu-accordion) .viu-accordion-body,.ejemplos-viu :deep(.viu-accordion) .viu-accordion-content{overflow:visible!important;max-height:none!important}.ejemplos-viu :deep(.viu-accordion).expanded .viu-accordion-body,.ejemplos-viu :deep(.viu-accordion).expanded .viu-accordion-content{max-height:none!important}.ejemplos-viu .accordion-content .info-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:20px;margin-bottom:15px}.ejemplos-viu .accordion-content .info-section h5{margin:0 0 15px 0;color:#495057;font-size:16px;font-weight:600;display:flex;align-items:center}.ejemplos-viu .accordion-content .info-section h5 i{margin-right:10px;color:#007bff}.ejemplos-viu .accordion-content .info-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.ejemplos-viu .accordion-content .info-section .info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.ejemplos-viu .accordion-content .info-section .info-grid .info-item:last-child{border-bottom:none}.ejemplos-viu .accordion-content .info-section .info-grid .info-item .label{font-weight:500;color:#6c757d}.ejemplos-viu .accordion-content .info-section .info-grid .info-item .value{font-weight:600;color:#495057}.ejemplos-viu .accordion-content .info-section .stats-list{list-style:none;padding:0;margin:15px 0 0 0}.ejemplos-viu .accordion-content .info-section .stats-list li{padding:8px 0;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between}.ejemplos-viu .accordion-content .info-section .stats-list li:last-child{border-bottom:none}.ejemplos-viu .info-badge{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}:deep(.viu-badge)>*{display:flex!important;align-items:center!important;justify-content:center!important}body [data-tippy-root]{position:relative!important}body .tippy-box[data-theme=menu-fixed],body .tippy-box[data-theme=menu],body [data-tippy-root] .tippy-box{position:relative!important;transform:none!important;top:auto!important;left:auto!important;margin-top:8px!important}.ejemplos-datos .chart-container{min-height:300px;display:flex;align-items:center;justify-content:center}.ejemplos-datos .chart-container .viu-chart-bars,.ejemplos-datos .chart-container .viu-chart-donut,.ejemplos-datos .chart-container .viu-chart-donut-progress,.ejemplos-datos .chart-container .viu-chart-lines{width:100%;height:300px}.ejemplos-datos .chart-container .viu-chart-bars :deep(.chart),.ejemplos-datos .chart-container .viu-chart-donut-progress :deep(.chart),.ejemplos-datos .chart-container .viu-chart-donut :deep(.chart),.ejemplos-datos .chart-container .viu-chart-lines :deep(.chart){width:100%!important;height:100%!important}.ejemplos-datos .chart-container .viu-chart-bars :deep(.no-data-message),.ejemplos-datos .chart-container .viu-chart-donut-progress :deep(.no-data-message),.ejemplos-datos .chart-container .viu-chart-donut :deep(.no-data-message),.ejemplos-datos .chart-container .viu-chart-lines :deep(.no-data-message){display:flex;align-items:center;justify-content:center;height:100%;color:#6c757d;font-size:14px;font-style:italic}.ejemplos-datos .viu-chart-bars :deep(.chart),.ejemplos-datos .viu-chart-donut-progress :deep(.chart),.ejemplos-datos .viu-chart-donut :deep(.chart),.ejemplos-datos .viu-chart-lines :deep(.chart){background:transparent}.ejemplos-datos .ejemplos-adicionales{margin-top:30px}.ejemplos-datos .ejemplos-adicionales h4{color:#333;margin-bottom:20px;font-size:16px;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.ejemplos-datos .ejemplos-adicionales .ejemplo-extra{margin-bottom:25px}.ejemplos-datos .ejemplos-adicionales .ejemplo-extra h5{color:#495057;margin-bottom:10px;font-size:14px;font-weight:600}.ejemplos-datos .ejemplos-adicionales .ejemplo-extra pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin:0;overflow-x:auto;font-size:13px;line-height:1.4}.ejemplos-datos .ejemplos-adicionales .ejemplo-extra pre code{background:transparent;color:#495057;padding:0;font-family:Monaco,Consolas,Courier New,monospace}.ejemplos-datos .estructura-datos{margin-top:20px}.ejemplos-datos .estructura-datos h4{color:#333;margin-bottom:15px;font-size:16px}.ejemplos-datos .estructura-datos .formato-data{margin-top:15px}.ejemplos-datos .estructura-datos .formato-data pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin:0;overflow-x:auto;font-size:13px;line-height:1.4}.ejemplos-datos .estructura-datos .formato-data pre code{background:transparent;color:#495057;padding:0;font-family:Monaco,Consolas,Courier New,monospace}.ejemplos-viu .introduccion p[data-v-b32c987c]{font-size:16px;line-height:1.6;color:#666;margin-bottom:20px}.ejemplos-viu .categorias-grid[data-v-b32c987c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}@media(max-width:768px){.ejemplos-viu .categorias-grid[data-v-b32c987c]{grid-template-columns:1fr}}.ejemplos-viu .categoria-card[data-v-b32c987c]{display:flex;align-items:center;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;gap:15px}.ejemplos-viu .categoria-card[data-v-b32c987c]:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.15);transform:translateY(-2px)}.ejemplos-viu .categoria-card .categoria-icon[data-v-b32c987c]{font-size:24px;color:#007bff;width:40px;text-align:center}.ejemplos-viu .categoria-card .categoria-content[data-v-b32c987c]{flex:1}.ejemplos-viu .categoria-card .categoria-content h3[data-v-b32c987c]{margin:0 0 8px 0;color:#333;font-size:18px;font-weight:600}.ejemplos-viu .categoria-card .categoria-content p[data-v-b32c987c]{margin:0 0 10px 0;color:#666;font-size:14px;line-height:1.4}.ejemplos-viu .categoria-card .categoria-content .componentes-lista[data-v-b32c987c]{margin-bottom:5px}.ejemplos-viu .categoria-card .categoria-content .componentes-ejemplos[data-v-b32c987c]{color:#999;font-size:12px}.ejemplos-viu .categoria-card .categoria-arrow[data-v-b32c987c]{color:#ccc;font-size:16px}.ejemplos-viu .estadisticas[data-v-b32c987c]{display:flex;justify-content:space-around;gap:20px;margin-top:20px}@media(max-width:768px){.ejemplos-viu .estadisticas[data-v-b32c987c]{flex-direction:column;text-align:center}}.ejemplos-viu .estadisticas .stat-card[data-v-b32c987c]{text-align:center;padding:20px;border-radius:8px;background:#f8f9fa}.ejemplos-viu .estadisticas .stat-card .stat-number[data-v-b32c987c]{font-size:36px;font-weight:700;color:#007bff;margin-bottom:5px}.ejemplos-viu .estadisticas .stat-card .stat-label[data-v-b32c987c]{color:#666;font-size:14px}.ejemplos-viu .rows-group[data-v-b32c987c]{margin-top:30px}.ejemplos-viu .rows-group[data-v-b32c987c]:first-child{margin-top:0}.ejemplos-viu .proximos-componentes p[data-v-b32c987c]{margin-bottom:15px;color:#666}.ejemplos-viu .proximos-componentes .componentes-pendientes[data-v-b32c987c]{display:flex;flex-wrap:wrap;gap:8px}.ejemplos-viu .proximos-componentes .componentes-pendientes .viu-chip[data-v-b32c987c]{font-size:12px}