.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-layout .navegacion-rapida[data-v-53652e0e]{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.ejemplos-layout .navegacion-rapida .viu-chip[data-v-53652e0e]{cursor:pointer;font-size:12px}.ejemplos-layout .navegacion-rapida .viu-chip[data-v-53652e0e]:hover{opacity:.8}.ejemplos-layout .componente-header[data-v-53652e0e]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ejemplos-layout .componente-header[data-v-53652e0e]:hover{opacity:.8}.ejemplos-layout .componente-header .fa-solid[data-v-53652e0e]{transition:transform .2s ease;margin-right:8px}.ejemplos-layout .construccion[data-v-53652e0e]{text-align:center;padding:40px 20px}.ejemplos-layout .construccion .viu-alert[data-v-53652e0e]{max-width:600px;margin:0 auto}.ejemplos-layout .rows-group[data-v-53652e0e]{margin-top:30px}.ejemplos-layout .rows-group[data-v-53652e0e]:first-child{margin-top:0}.ejemplos-layout .ejemplo-section[data-v-53652e0e]{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.ejemplos-layout .ejemplo-section h4[data-v-53652e0e]{margin:0 0 15px 0;color:#333;font-weight:600}.ejemplos-layout .ejemplo-section .ejemplo-item[data-v-53652e0e]{margin-bottom:25px;padding:15px;background-color:#fff;border-radius:6px;border:1px solid #e9ecef}.ejemplos-layout .ejemplo-section .ejemplo-item[data-v-53652e0e]:last-child{margin-bottom:0}.ejemplos-layout .ejemplo-section .ejemplo-item h5[data-v-53652e0e]{margin:0 0 10px 0;color:#495057;font-size:14px;font-weight:600}.ejemplos-layout .ejemplo-section .ejemplo-item .header-actions[data-v-53652e0e]{display:flex;gap:12px}.ejemplos-layout .code-section[data-v-53652e0e]{margin:20px 0}.ejemplos-layout .code-section h4[data-v-53652e0e]{margin:0 0 15px 0;color:#333;font-weight:600}.ejemplos-layout .code-section pre[data-v-53652e0e]{background-color:#f8f8f8;border:1px solid #e9ecef;border-radius:4px;padding:15px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;color:#333}.ejemplos-layout .code-section code[data-v-53652e0e]{font-family:inherit;font-size:inherit;color:inherit}.ejemplos-layout .props-section[data-v-53652e0e],.ejemplos-layout .slots-section[data-v-53652e0e],.ejemplos-layout .uso-section[data-v-53652e0e]{margin:20px 0}.ejemplos-layout .props-section h4[data-v-53652e0e],.ejemplos-layout .slots-section h4[data-v-53652e0e],.ejemplos-layout .uso-section h4[data-v-53652e0e]{margin:0 0 15px 0;color:#333;font-weight:600}.ejemplos-layout .best-practices-section[data-v-53652e0e]{margin:20px 0}.ejemplos-layout .best-practices-section h4[data-v-53652e0e]{margin:0 0 15px 0;color:#333;font-weight:600}.ejemplos-layout .best-practices-section .practices-list[data-v-53652e0e]{background-color:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #28a745}.ejemplos-layout .best-practices-section .practice-item[data-v-53652e0e]{margin-bottom:10px;padding:8px 0;font-size:14px;line-height:1.4}.ejemplos-layout .best-practices-section .practice-item[data-v-53652e0e]:last-child{margin-bottom:0}.ejemplos-layout .best-practices-section .practice-item strong[data-v-53652e0e]{display:inline-block;margin-right:5px}.ejemplos-layout .temas-grid[data-v-53652e0e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:10px}.ejemplos-layout .panel-content p[data-v-53652e0e]{margin:8px 0;font-size:14px}.ejemplos-layout .panel-content p strong[data-v-53652e0e]{color:#333}.ejemplos-layout .form-example .form-row[data-v-53652e0e]{margin-bottom:15px}.ejemplos-layout .form-example .form-row label[data-v-53652e0e]{display:block;margin-bottom:4px;font-weight:500;color:#333;font-size:14px}.ejemplos-layout .form-example .form-row input[data-v-53652e0e]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;font-size:14px}.ejemplos-layout .form-example .form-row input[data-v-53652e0e]:focus{outline:none;border-color:#007bff;background-color:#fff}.ejemplos-layout .form-actions[data-v-53652e0e]{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding-top:5px}.ejemplos-layout .form-section[data-v-53652e0e]{margin:15px 0 25px 0}.ejemplos-layout .form-section .form-row[data-v-53652e0e]{margin-bottom:12px;display:flex;align-items:center;gap:10px}.ejemplos-layout .form-section .form-row label[data-v-53652e0e]{min-width:120px;font-weight:500;color:#333;font-size:14px}.ejemplos-layout .form-section .form-row input[type=email][data-v-53652e0e],.ejemplos-layout .form-section .form-row input[type=text][data-v-53652e0e]{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;font-size:14px}.ejemplos-layout .form-section .form-row input[type=checkbox][data-v-53652e0e]{margin-right:8px}.ejemplos-layout .form-section .form-row span[data-v-53652e0e]{font-size:14px;color:#555}.ejemplos-layout .expandable-example[data-v-53652e0e]{margin-top:10px}.ejemplos-layout .expandable-example .expandable-content[data-v-53652e0e]{margin-top:15px;padding:16px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.ejemplos-layout .expandable-example .expandable-content p[data-v-53652e0e]{margin:8px 0;color:#333;line-height:1.5}.ejemplos-layout .expandable-example .expandable-content p[data-v-53652e0e]:last-child{margin-bottom:0}.ejemplos-layout .faq-list[data-v-53652e0e]{margin-top:10px}.ejemplos-layout .faq-list .faq-item[data-v-53652e0e]{border:1px solid #ddd;border-radius:6px;margin-bottom:8px;overflow:hidden}.ejemplos-layout .faq-list .faq-item .faq-question[data-v-53652e0e]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.ejemplos-layout .faq-list .faq-item .faq-question[data-v-53652e0e]:hover{background:#e9ecef}.ejemplos-layout .faq-list .faq-item .faq-question span[data-v-53652e0e]{font-weight:500;color:#333}.ejemplos-layout .faq-list .faq-item .faq-question i[data-v-53652e0e]{color:#666;transition:transform .3s ease}.ejemplos-layout .faq-list .faq-item .faq-answer[data-v-53652e0e]{padding:16px;background:#fff;border-top:1px solid #eee}.ejemplos-layout .faq-list .faq-item .faq-answer p[data-v-53652e0e]{margin:0;color:#666;line-height:1.5}.ejemplos-layout .form-sections[data-v-53652e0e]{margin-top:10px}.ejemplos-layout .form-sections .form-section-item[data-v-53652e0e]{border:1px solid #ddd;border-radius:6px;margin-bottom:8px}.ejemplos-layout .form-sections .form-section-item .section-header[data-v-53652e0e]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fa;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.ejemplos-layout .form-sections .form-section-item .section-header[data-v-53652e0e]:hover{background:#e9ecef}.ejemplos-layout .form-sections .form-section-item .section-header .section-title[data-v-53652e0e]{flex:1;font-weight:500;color:#333}.ejemplos-layout .form-sections .form-section-item .section-header .optional[data-v-53652e0e]{font-size:12px;color:#666;font-style:italic}.ejemplos-layout .form-sections .form-section-item .section-header i[data-v-53652e0e]{color:#666;width:12px;text-align:center}.ejemplos-layout .form-sections .form-section-item .section-content[data-v-53652e0e]{padding:16px;background:#fff;border-top:1px solid #eee}.ejemplos-layout .form-sections .form-section-item .section-content .form-fields .field-row[data-v-53652e0e]{margin-bottom:12px;display:flex;align-items:center;gap:10px}.ejemplos-layout .form-sections .form-section-item .section-content .form-fields .field-row label[data-v-53652e0e]{min-width:120px;font-weight:500;color:#333;font-size:14px;display:flex;align-items:center;gap:8px}.ejemplos-layout .form-sections .form-section-item .section-content .form-fields .field-row input[data-v-53652e0e]{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;font-size:14px}.ejemplos-layout .form-sections .form-section-item .section-content .form-fields .field-row input[type=checkbox][data-v-53652e0e]{flex:none;margin-right:8px}.ejemplos-layout .product-details[data-v-53652e0e]{margin-top:10px}.ejemplos-layout .product-details .product-header[data-v-53652e0e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #eee}.ejemplos-layout .product-details .product-header h4[data-v-53652e0e]{margin:0;color:#333}.ejemplos-layout .product-details .product-header .price[data-v-53652e0e]{font-size:1.2em;font-weight:700;color:#1976d2}.ejemplos-layout .product-details .detail-section[data-v-53652e0e]{border:1px solid #ddd;border-radius:6px;margin-bottom:8px}.ejemplos-layout .product-details .detail-section .detail-header[data-v-53652e0e]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.ejemplos-layout .product-details .detail-section .detail-header[data-v-53652e0e]:hover{background:#e9ecef}.ejemplos-layout .product-details .detail-section .detail-header .detail-title[data-v-53652e0e]{flex:1;font-weight:500;color:#333}.ejemplos-layout .product-details .detail-section .detail-header .item-count[data-v-53652e0e]{font-size:12px;color:#666}.ejemplos-layout .product-details .detail-section .detail-header i[data-v-53652e0e]{color:#666;width:12px;text-align:center}.ejemplos-layout .product-details .detail-section .detail-content[data-v-53652e0e]{padding:16px;background:#fff;border-top:1px solid #eee}.ejemplos-layout .product-details .detail-section .detail-content ul[data-v-53652e0e]{margin:0;padding:0;list-style:none}.ejemplos-layout .product-details .detail-section .detail-content ul li[data-v-53652e0e]{padding:6px 0;border-bottom:1px solid #f5f5f5;font-size:14px}.ejemplos-layout .product-details .detail-section .detail-content ul li[data-v-53652e0e]:last-child{border-bottom:none}.ejemplos-layout .product-details .detail-section .detail-content ul li strong[data-v-53652e0e]{color:#333}.ejemplos-layout .eventos-section[data-v-53652e0e]{margin:20px 0}.ejemplos-layout .eventos-section h4[data-v-53652e0e]{margin:0 0 15px 0;color:#333;font-weight:600}.ejemplos-layout .modal-content-example[data-v-53652e0e]{padding:10px 0}.ejemplos-layout .modal-content-example p[data-v-53652e0e]{margin:10px 0;line-height:1.6;color:#333}.ejemplos-layout .modal-content-example .info-box[data-v-53652e0e]{display:flex;align-items:center;gap:10px;padding:12px;background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;margin:15px 0}.ejemplos-layout .modal-content-example .info-box i[data-v-53652e0e]{color:#1976d2}.ejemplos-layout .modal-content-example .info-box span[data-v-53652e0e]{color:#1565c0;font-weight:500}.ejemplos-layout .form-modal-example .form-row[data-v-53652e0e]{margin-bottom:16px}.ejemplos-layout .form-modal-example .form-row label[data-v-53652e0e]{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.ejemplos-layout .form-modal-example .form-row input[data-v-53652e0e],.ejemplos-layout .form-modal-example .form-row select[data-v-53652e0e]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.ejemplos-layout .form-modal-example .form-row input[data-v-53652e0e]:focus,.ejemplos-layout .form-modal-example .form-row select[data-v-53652e0e]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.ejemplos-layout .form-modal-example .form-row input[type=checkbox][data-v-53652e0e]{width:auto;margin-right:8px}.ejemplos-layout .form-modal-example .form-row label[data-v-53652e0e]:has(input[type=checkbox]){display:flex;align-items:center;font-weight:400}.ejemplos-layout .modal-actions[data-v-53652e0e]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.ejemplos-layout .delete-modal-example[data-v-53652e0e]{text-align:center;padding:20px 10px}.ejemplos-layout .delete-modal-example .warning-icon[data-v-53652e0e]{font-size:48px;color:#dc3545;margin-bottom:20px}.ejemplos-layout .delete-modal-example p[data-v-53652e0e]{margin:10px 0}.ejemplos-layout .delete-modal-example p[data-v-53652e0e]:first-of-type{font-size:16px;margin-bottom:8px}.ejemplos-layout .delete-modal-example .warning-text[data-v-53652e0e]{color:#dc3545;font-size:14px}.ejemplos-layout .delete-modal-example .element-info[data-v-53652e0e]{display:flex;flex-direction:column;gap:4px;margin:20px 0;padding:12px;background-color:#f8f9fa;border-radius:4px}.ejemplos-layout .delete-modal-example .element-info .element-name[data-v-53652e0e]{font-weight:500;color:#333}.ejemplos-layout .delete-modal-example .element-info .element-id[data-v-53652e0e]{font-size:12px;color:#666;font-family:monospace}.ejemplos-layout .fullscreen-content[data-v-53652e0e]{height:100%;padding:20px}.ejemplos-layout .fullscreen-content .content-section[data-v-53652e0e]{margin-bottom:30px}.ejemplos-layout .fullscreen-content .content-section h3[data-v-53652e0e]{margin:0 0 15px 0;color:#333}.ejemplos-layout .fullscreen-content .content-section ul[data-v-53652e0e]{padding-left:20px}.ejemplos-layout .fullscreen-content .content-section ul li[data-v-53652e0e]{margin:8px 0;line-height:1.5}.ejemplos-layout .fullscreen-content .data-table-example h4[data-v-53652e0e]{margin:0 0 15px 0;color:#333}.ejemplos-layout .fullscreen-content .data-table-example .example-table[data-v-53652e0e]{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.ejemplos-layout .fullscreen-content .data-table-example .example-table td[data-v-53652e0e],.ejemplos-layout .fullscreen-content .data-table-example .example-table th[data-v-53652e0e]{padding:12px;text-align:left;border-bottom:1px solid #eee}.ejemplos-layout .fullscreen-content .data-table-example .example-table th[data-v-53652e0e]{background:#f8f9fa;font-weight:600;color:#333}.ejemplos-layout .fullscreen-content .data-table-example .example-table tbody tr[data-v-53652e0e]:hover{background:#f8f9fa}.ejemplos-layout .fullscreen-content .data-table-example .example-table .status[data-v-53652e0e]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.ejemplos-layout .fullscreen-content .data-table-example .example-table .status.active[data-v-53652e0e]{background:#d4edda;color:#155724}.ejemplos-layout .aside-content[data-v-53652e0e]{height:100%;padding:20px;display:flex;flex-direction:column}.ejemplos-layout .aside-content h3[data-v-53652e0e]{margin:0 0 15px 0;color:#333}.ejemplos-layout .aside-content .aside-section[data-v-53652e0e]{margin:20px 0}.ejemplos-layout .aside-content .aside-section h4[data-v-53652e0e]{margin:0 0 12px 0;color:#333;font-size:16px}.ejemplos-layout .aside-content .aside-section .setting-item[data-v-53652e0e]{margin:10px 0}.ejemplos-layout .aside-content .aside-section .setting-item label[data-v-53652e0e]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.ejemplos-layout .aside-content .aside-section .setting-item label input[type=checkbox][data-v-53652e0e]{margin:0}.ejemplos-layout .aside-content .aside-section .user-info .info-row[data-v-53652e0e]{display:flex;justify-content:space-between;margin:8px 0;padding:8px 0;border-bottom:1px solid #f0f0f0}.ejemplos-layout .aside-content .aside-section .user-info .info-row .label[data-v-53652e0e]{font-weight:500;color:#666}.ejemplos-layout .aside-content .aside-section .user-info .info-row .value[data-v-53652e0e]{color:#333}.ejemplos-layout .aside-content .aside-actions[data-v-53652e0e]{margin-top:auto;display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #eee}.ejemplos-layout .props-table[data-v-53652e0e]{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.ejemplos-layout .props-table td[data-v-53652e0e],.ejemplos-layout .props-table th[data-v-53652e0e]{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.ejemplos-layout .props-table th[data-v-53652e0e]{background-color:#f8f9fa;font-weight:600;color:#495057;border-top:1px solid #dee2e6}.ejemplos-layout .props-table code[data-v-53652e0e]{background-color:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#e83e8c}.ejemplos-layout .props-table tbody tr[data-v-53652e0e]:hover{background-color:#f8f9fa}@media(max-width:768px){.ejemplos-layout .props-table thead[data-v-53652e0e]{display:none}.ejemplos-layout .props-table tbody[data-v-53652e0e],.ejemplos-layout .props-table td[data-v-53652e0e],.ejemplos-layout .props-table tr[data-v-53652e0e]{display:block;width:100%}.ejemplos-layout .props-table tr[data-v-53652e0e]{border:1px solid #ccc;margin-bottom:10px;border-radius:4px;overflow:hidden}.ejemplos-layout .props-table td[data-v-53652e0e]{border:none;position:relative;padding-left:30%}.ejemplos-layout .props-table td[data-v-53652e0e]:before{content:attr(data-label) ": ";position:absolute;left:6px;width:25%;padding-right:10px;white-space:nowrap;font-weight:700;color:#333}}.ejemplos-layout .popover-examples[data-v-53652e0e]{display:flex;gap:20px;flex-wrap:wrap;padding:20px}.ejemplos-layout .popover-examples .popover-content[data-v-53652e0e]{padding:10px}.ejemplos-layout .popover-examples .popover-content p[data-v-53652e0e]{margin:5px 0;font-size:14px}.ejemplos-layout .popover-examples .popover-content .popover-actions[data-v-53652e0e]{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.ejemplos-layout .drawer-examples[data-v-53652e0e]{padding:20px}.ejemplos-layout .drawer-examples .drawer-buttons[data-v-53652e0e]{display:flex;gap:15px;margin-bottom:20px}.ejemplos-layout .drawer-examples .drawer-content[data-v-53652e0e]{padding:20px}.ejemplos-layout .drawer-examples .drawer-content h4[data-v-53652e0e]{margin-top:0;margin-bottom:20px;color:#495057}.ejemplos-layout .drawer-examples .drawer-content .config-option[data-v-53652e0e]{margin-bottom:20px;padding:15px;border:1px solid #e9ecef;border-radius:8px}.ejemplos-layout .drawer-examples .drawer-content .nav-menu .nav-item[data-v-53652e0e]{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.ejemplos-layout .drawer-examples .drawer-content .nav-menu .nav-item[data-v-53652e0e]:hover{background-color:#f8f9fa}.ejemplos-layout .drawer-examples .drawer-content .nav-menu .nav-item i[data-v-53652e0e]{width:16px;color:#6c757d}.ejemplos-layout .drawer-examples .drawer-content .nav-menu .nav-item span[data-v-53652e0e]{color:#495057;font-weight:500}.ejemplos-layout .drawer-examples .drawer-footer[data-v-53652e0e]{display:flex;gap:10px;justify-content:flex-end;padding:15px 20px;border-top:1px solid #e9ecef}.ejemplos-layout .sidebar-examples .sidebar-demo-container[data-v-53652e0e]{display:flex;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;height:400px;margin-bottom:20px}.ejemplos-layout .sidebar-examples .sidebar-demo-container .sidebar-content[data-v-53652e0e]{padding:20px;background-color:#f8f9fa;flex:1}.ejemplos-layout .sidebar-examples .sidebar-demo-container .sidebar-content p[data-v-53652e0e]{margin:0 0 10px 0;color:#495057}.ejemplos-layout .sidebar-examples .sidebar-controls[data-v-53652e0e]{text-align:center}.ejemplos-layout .sidebar-examples .menu-option[data-v-53652e0e]{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.ejemplos-layout .sidebar-examples .menu-option[data-v-53652e0e]:hover{background-color:#f8f9fa}.ejemplos-layout .sidebar-examples .menu-option.danger[data-v-53652e0e]{color:#dc3545}.ejemplos-layout .sidebar-examples .menu-option.danger[data-v-53652e0e]:hover{background-color:#f8d7da}.ejemplos-layout .sidebar-examples .section-content[data-v-53652e0e],.ejemplos-layout .sidebar-examples .tab-content[data-v-53652e0e]{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:6px}.ejemplos-layout .sidebar-examples .section-content .section-panel h6[data-v-53652e0e],.ejemplos-layout .sidebar-examples .section-content .tab-panel h6[data-v-53652e0e],.ejemplos-layout .sidebar-examples .tab-content .section-panel h6[data-v-53652e0e],.ejemplos-layout .sidebar-examples .tab-content .tab-panel h6[data-v-53652e0e]{margin:0 0 10px 0;color:#333;font-size:16px;font-weight:600}.ejemplos-layout .sidebar-examples .section-content .section-panel p[data-v-53652e0e],.ejemplos-layout .sidebar-examples .section-content .tab-panel p[data-v-53652e0e],.ejemplos-layout .sidebar-examples .tab-content .section-panel p[data-v-53652e0e],.ejemplos-layout .sidebar-examples .tab-content .tab-panel p[data-v-53652e0e]{margin:0;color:#495057;line-height:1.5}.ejemplos-layout[data-v-53652e0e] .viu-accordion{max-height:none!important;position:relative;overflow:visible}.ejemplos-layout[data-v-53652e0e] .viu-accordion .viu-expandable{position:relative;overflow:visible}.ejemplos-layout[data-v-53652e0e] .viu-accordion .viu-expandable .slide-up-down-wrapper{position:relative;overflow:hidden}.ejemplos-layout .accordion-content[data-v-53652e0e]{padding:20px;background:#fff}.ejemplos-layout .accordion-content p[data-v-53652e0e]{margin-bottom:10px;line-height:1.5}.ejemplos-layout .accordion-content p strong[data-v-53652e0e]{color:#2c3e50;margin-right:8px}.ejemplos-layout .accordion-content .config-section h6[data-v-53652e0e]{color:#495057;font-size:16px;font-weight:600;margin-bottom:15px;border-bottom:1px solid #e9ecef;padding-bottom:8px}.ejemplos-layout .accordion-content .config-section ul[data-v-53652e0e]{list-style:none;padding:0}.ejemplos-layout .accordion-content .config-section ul li[data-v-53652e0e]{padding:8px 0;border-bottom:1px solid #f1f3f4}.ejemplos-layout .accordion-content .config-section ul li[data-v-53652e0e]:last-child{border-bottom:none}.ejemplos-layout .accordion-content .product-specs .spec-row[data-v-53652e0e]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9ecef}.ejemplos-layout .accordion-content .product-specs .spec-row[data-v-53652e0e]:last-child{border-bottom:none}.ejemplos-layout .accordion-content .product-specs .spec-row strong[data-v-53652e0e]{color:#495057;font-weight:600}.ejemplos-layout .info-badge[data-v-53652e0e]{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}