/* Syntrix Foundation v5.0.0 — catálogo integral de componentes */
.sf-library-nav{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.sf-library-nav a{padding:.55rem .85rem;border:1px solid var(--sf-border);border-radius:999px;background:var(--sf-card);color:var(--sf-text);text-decoration:none;font-size:.78rem;font-weight:700}.sf-library-nav a:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sf-library-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-library-section{scroll-margin-top:88px}.sf-library-panel{background:var(--sf-card);border:1px solid var(--sf-border);border-radius:16px;padding:1.1rem;box-shadow:var(--sf-shadow)}.sf-library-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.sf-library-panel h2{font-size:1rem;margin:0}.sf-library-panel p{font-size:.78rem;color:var(--sf-muted);margin:.3rem 0 0}.sf-library-demo{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.sf-library-stack{display:grid;gap:.7rem}.sf-library-code{margin-top:1rem;padding:.85rem;border:1px solid var(--sf-border);border-radius:10px;background:color-mix(in srgb,var(--sf-bg) 76%,var(--sf-card));font:500 .73rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;color:var(--sf-text)}
.sf-loader-ring{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--sf-primary) 20%,transparent);border-top-color:var(--sf-primary);border-radius:50%;animation:sf-library-spin .8s linear infinite}.sf-loader-dots{display:flex;gap:5px}.sf-loader-dots i{width:8px;height:8px;border-radius:50%;background:var(--sf-primary);animation:sf-library-pulse 1s infinite alternate}.sf-loader-dots i:nth-child(2){animation-delay:.2s}.sf-loader-dots i:nth-child(3){animation-delay:.4s}@keyframes sf-library-spin{to{transform:rotate(360deg)}}@keyframes sf-library-pulse{to{opacity:.25;transform:translateY(-4px)}}
.sf-color-swatch{min-width:105px;border-radius:12px;overflow:hidden;border:1px solid var(--sf-border);background:var(--sf-card)}.sf-color-swatch i{display:block;height:48px}.sf-color-swatch span{display:block;padding:.55rem;font-size:.7rem;font-weight:700}.sf-avatar-group{display:flex}.sf-avatar-group .sf-avatar{margin-left:-8px;border:3px solid var(--sf-card)}.sf-avatar-group .sf-avatar:first-child{margin-left:0}
.sf-tree,.sf-tree ul{list-style:none;margin:0;padding-left:1rem}.sf-tree>li{padding-left:0}.sf-tree li{padding:.3rem 0;color:var(--sf-text);font-size:.8rem}.sf-tree li:before{content:'▸';color:var(--sf-primary);margin-right:.4rem}.sf-tree ul li:before{content:'•'}
.sf-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.sf-price-card{border:1px solid var(--sf-border);border-radius:15px;padding:1rem;background:var(--sf-card);display:grid;gap:.65rem}.sf-price-card.featured{border-color:var(--sf-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--sf-primary) 12%,transparent)}.sf-price-card strong{font-size:1.55rem}.sf-price-card ul{padding-left:1.15rem;margin:0;color:var(--sf-muted);font-size:.78rem}
.sf-media-object{display:flex;gap:.8rem;align-items:flex-start}.sf-media-object .sf-avatar{flex:none}.sf-media-object h3{font-size:.88rem;margin:0}.sf-media-object p{margin:.3rem 0;color:var(--sf-muted)}
.sf-drag-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.sf-drag-column{min-height:170px;padding:.7rem;border:1px dashed var(--sf-border);border-radius:12px;background:color-mix(in srgb,var(--sf-bg) 68%,var(--sf-card))}.sf-drag-column h3{font-size:.78rem}.sf-drag-card{padding:.65rem;margin:.5rem 0;border:1px solid var(--sf-border);border-radius:9px;background:var(--sf-card);cursor:grab;font-size:.75rem}
.sf-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.sf-gallery a{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--sf-border);background:var(--sf-card)}.sf-gallery img{width:100%;height:120px;object-fit:contain;padding:1rem;background:color-mix(in srgb,var(--sf-primary) 6%,var(--sf-card))}
.sf-splide-card{height:150px;border-radius:14px;border:1px solid var(--sf-border);display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--sf-primary) 15%,var(--sf-card)),var(--sf-card));font-weight:800;color:var(--sf-text)}
.sf-form-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.sf-form-field{display:grid;gap:.35rem}.sf-form-field.wide{grid-column:1/-1}.sf-form-field label{font-size:.74rem;font-weight:750;color:var(--sf-text)}.sf-form-field input,.sf-form-field select,.sf-form-field textarea{width:100%;min-height:42px;border:1px solid var(--sf-border);border-radius:9px;padding:.65rem .75rem;background:var(--sf-card);color:var(--sf-text)}
.sf-editor-host{min-height:150px;border:1px solid var(--sf-border);border-radius:10px;background:var(--sf-card)}.sf-slider-host{margin:1.2rem .5rem}.sf-filepond-host{min-height:90px}.sf-stepper-host .bs-stepper-header{overflow:auto}.sf-stepper-host .content{padding:1rem;border:1px solid var(--sf-border);border-radius:12px;margin-top:.75rem}
.sf-app-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sf-app-pattern{border:1px solid var(--sf-border);border-radius:16px;background:var(--sf-card);overflow:hidden}.sf-app-pattern>header{padding:.9rem 1rem;border-bottom:1px solid var(--sf-border);display:flex;justify-content:space-between;gap:.5rem}.sf-app-pattern>header h2{font-size:.9rem;margin:0}.sf-app-pattern-body{padding:1rem}.sf-mail-row,.sf-note-row,.sf-product-row,.sf-invoice-row{display:flex;gap:.7rem;padding:.65rem 0;border-bottom:1px solid var(--sf-border);align-items:center}.sf-mail-row:last-child,.sf-note-row:last-child,.sf-product-row:last-child,.sf-invoice-row:last-child{border-bottom:0}.sf-mail-row div,.sf-note-row div,.sf-product-row div,.sf-invoice-row div{min-width:0;flex:1}.sf-mail-row b,.sf-note-row b,.sf-product-row b,.sf-invoice-row b{display:block;font-size:.76rem}.sf-mail-row small,.sf-note-row small,.sf-product-row small,.sf-invoice-row small{display:block;color:var(--sf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-product-thumb{width:42px;height:42px;border-radius:9px;background:color-mix(in srgb,var(--sf-primary) 10%,var(--sf-card));display:grid;place-items:center;color:var(--sf-primary)}
.sf-reference-tools{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.sf-reference-tools input,.sf-reference-tools select{min-height:42px;border:1px solid var(--sf-border);border-radius:9px;padding:.55rem .75rem;background:var(--sf-card);color:var(--sf-text)}.sf-reference-tools input{flex:1;min-width:230px}.sf-reference-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.sf-reference-item{padding:.85rem;border:1px solid var(--sf-border);border-radius:12px;background:var(--sf-card)}.sf-reference-item h3{font-size:.82rem;margin:0}.sf-reference-item p{font-size:.7rem;color:var(--sf-muted);margin:.35rem 0}.sf-reference-item a{font-size:.72rem;font-weight:750;color:var(--sf-primary)}
#sf-demo-map{height:330px;border-radius:12px;overflow:hidden}.sf-tabulator-host{min-height:280px}.sf-kanban-host{overflow:auto;padding-bottom:.5rem}.sf-kanban-host .kanban-container{min-width:max-content}
@media(max-width:1050px){.sf-library-grid.three,.sf-app-pattern-grid,.sf-reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-pricing-grid{grid-template-columns:1fr}.sf-drag-board{grid-template-columns:1fr}}
@media(max-width:760px){.sf-library-grid,.sf-library-grid.three,.sf-app-pattern-grid,.sf-reference-list,.sf-form-demo{grid-template-columns:1fr}.sf-gallery{grid-template-columns:1fr}.sf-form-field.wide{grid-column:auto}.sf-library-panel{padding:.9rem}}
.sf-library-panel.wide{grid-column:1/-1}.sf-sortable-placeholder{height:44px;border:2px dashed var(--sf-primary);border-radius:9px;background:color-mix(in srgb,var(--sf-primary) 7%,transparent)}