.documentacion-page{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:100vh}.doc-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f172ae6;border-bottom:1px solid #3b82f633;padding:1rem 0;position:fixed;top:0;left:0;right:0}.doc-nav-brand{color:#fff;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;text-decoration:none;transition:opacity .3s;display:flex}.doc-nav-brand:hover{opacity:.8}.doc-nav-brand .nav-logo{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex}.doc-hero{text-align:center;background:radial-gradient(circle,#3b82f61a 0%,#0000 50%);padding:120px 0 60px}.doc-hero h1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.doc-subtitle{opacity:.8;font-size:1.25rem}.doc-tabs{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border-bottom:1px solid #3b82f633;position:sticky;top:0}.tabs-nav{gap:1rem;padding:1rem 0;display:flex;overflow-x:auto}.tab-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1e293bcc;border:1px solid #3b82f633;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.tab-btn:hover{background:#1e293b;border-color:#3b82f666}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000}.doc-content{padding:60px 0}.section-intro{opacity:.8;text-align:center;max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.tipos-section h2{text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.tipos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.tipo-card{background:#1e293bcc;border:1px solid #3b82f633;border-radius:12px;padding:1.5rem;transition:all .3s}.tipo-card:hover{border-color:#3b82f666;transform:translateY(-5px);box-shadow:0 10px 30px #3b82f61a}.tipo-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tipo-icon{font-size:2.5rem}.tipo-info h3{color:#3b82f6;margin-bottom:.25rem;font-size:1.25rem}.tipo-code{color:#60a5fa;background:#3b82f633;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem}.tipo-descripcion{opacity:.9;margin-bottom:1rem;line-height:1.5}.tipo-uso,.tipo-ejemplo{background:#0f172acc;border-left:3px solid #3b82f680;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.tipo-uso strong,.tipo-ejemplo strong{color:#3b82f6;margin-bottom:.5rem;font-size:.9rem;display:block}.tipo-uso p,.tipo-ejemplo p{opacity:.8;margin:0;font-size:.9rem}.ejemplo-text{color:#60a5fa;font-style:italic}.tipo-placeholder{background:#0f172acc;border-left:3px solid #8b5cf680;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.tipo-placeholder strong{color:#8b5cf6;margin-bottom:.5rem;font-size:.9rem;display:block}.tipo-placeholder code{color:#a78bfa;background:#8b5cf633;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.85rem}.tipos-note{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;gap:1rem;margin-top:2rem;padding:1.5rem;display:flex}.note-icon{flex-shrink:0;font-size:2rem}.note-content{line-height:1.6}.note-content strong{color:#3b82f6}.tipos-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{text-align:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;padding:2rem}.stat-number{color:#fff;margin-bottom:.5rem;font-size:3rem;font-weight:700}.stat-label{color:#ffffffe6;font-size:1rem;font-weight:500}.categorias-resumen{background:#1e293bcc;border:1px solid #3b82f633;border-radius:12px;margin-top:3rem;padding:2rem}.categorias-resumen h3{color:#3b82f6;margin-bottom:1.5rem;font-size:1.5rem}.categorias-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.categoria-card{background:#0f172acc;border:1px solid #3b82f633;border-radius:8px;padding:1rem;transition:all .3s}.categoria-card:hover{border-color:#3b82f666;transform:translateY(-2px)}.categoria-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.categoria-icon{font-size:1.5rem}.categoria-card h4{color:#fff;margin:0;font-size:.9rem}.categoria-count{color:#3b82f6;font-size:.85rem;font-weight:500}.inicio-section h2{text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.quickstart-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;display:flex}.qs-tab{color:#fff;cursor:pointer;background:#1e293bcc;border:1px solid #3b82f633;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:all .3s}.qs-tab:hover{background:#1e293b;border-color:#3b82f666}.qs-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000}.qs-content{max-width:900px;margin:0 auto}.qs-block{background:#1e293bcc;border:1px solid #3b82f633;border-radius:12px;margin-bottom:2rem;padding:2rem}.qs-block h3{color:#3b82f6;margin-bottom:1rem;font-size:1.5rem}.qs-block h4{color:#60a5fa;margin-bottom:.75rem;font-size:1.1rem}.qs-block ul{padding:0;list-style:none}.qs-block ul li{opacity:.9;padding:.5rem 0;line-height:1.6}.qs-block ol{padding-left:1.5rem}.qs-block ol li{opacity:.9;padding:.5rem 0;line-height:1.6}.qs-block pre{background:#0f172acc;border-radius:8px;margin:1rem 0;padding:1rem;overflow-x:auto}.qs-block code{color:#60a5fa;font-family:Courier New,monospace;font-size:.9rem}.step-card{background:#0f172acc;border:1px solid #3b82f633;border-radius:12px;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.step-card:hover{border-color:#3b82f666;transform:translate(5px)}.step-number{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.step-content h4{color:#3b82f6;margin-bottom:.75rem;font-size:1.1rem}.step-content p{opacity:.9;margin-bottom:.75rem;line-height:1.6}.success-msg{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d;border-radius:6px;margin-top:.75rem;padding:.75rem}.interfaces-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}.interface-card{background:#0f172acc;border:1px solid #3b82f633;border-radius:8px;padding:1rem;transition:all .3s}.interface-card:hover{border-color:#3b82f666;transform:translateY(-2px)}.interface-card h4{color:#3b82f6;margin-bottom:.5rem;font-size:1rem}.interface-card code{color:#60a5fa;word-break:break-all;background:#3b82f633;border-radius:4px;margin:.5rem 0;padding:.5rem;font-size:.8rem;display:block}.interface-card p{opacity:.8;margin:0;font-size:.85rem}.users-table{border-collapse:collapse;width:100%;margin-top:1rem}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #3b82f633;padding:.75rem}.users-table th{color:#3b82f6;background:#3b82f633;font-weight:600}.users-table td code{color:#60a5fa;background:#3b82f633;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.problem-card{background:#0f172acc;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:1rem}.problem-card h4{color:#f87171;margin-bottom:.75rem;font-size:1rem}.problem-card p,.problem-card ol,.problem-card ul{opacity:.9;font-size:.9rem}.flow-diagram{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d}.flow{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;display:flex}.flow-step{text-align:center;background:#1e293bcc;border:1px solid #3b82f64d;border-radius:8px;min-width:300px;padding:1rem 2rem}.flow-step code{color:#60a5fa;margin-top:.5rem;font-size:.85rem;display:block}.flow-arrow{color:#3b82f6;font-size:2rem;font-weight:700}.logica-section h2{text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.logica-intro{text-align:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;margin-bottom:3rem;padding:1.5rem}.logica-intro p{margin:0;font-size:1.1rem;line-height:1.6}.logica-examples{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.example-card{background:#1e293bcc;border:1px solid #3b82f633;border-radius:12px;padding:2rem}.example-card h3{color:#3b82f6;margin-bottom:1.5rem;font-size:1.25rem}.example-flow{flex-direction:column;gap:1rem;display:flex}.flow-step{background:#0f172acc;border:1px solid #3b82f633;border-radius:8px;padding:1rem}.flow-step.conditional{background:#3b82f61a;border-left:4px solid #3b82f6}.flow-step strong{color:#3b82f6;margin-bottom:.5rem;display:block}.flow-options{gap:.75rem;margin-top:.75rem;display:flex}.option{background:#1e293bcc;border:1px solid #3b82f633;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.flow-arrow{text-align:center;color:#3b82f6;font-size:1.5rem}.dependency-note{opacity:.7;margin-top:.5rem;font-size:.85rem;font-style:italic}.setup-guide{background:#1e293bcc;border:1px solid #3b82f633;border-radius:12px;max-width:800px;margin:0 auto;padding:2rem}.setup-guide h3{color:#3b82f6;margin-bottom:1rem;font-size:1.25rem}.setup-guide ol{padding-left:1.5rem;line-height:2}.setup-guide li{opacity:.9;margin-bottom:.5rem}.doc-cta{text-align:center;background:radial-gradient(circle,#3b82f61a 0%,#0000 50%);padding:80px 0}.doc-cta h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.doc-cta p{opacity:.8;margin-bottom:2rem;font-size:1.25rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:768px){.doc-hero h1{font-size:2.5rem}.tipos-grid,.logica-examples{grid-template-columns:1fr}.step-card{flex-direction:column}.step-number{width:40px;height:40px;font-size:1.25rem}.quickstart-tabs{gap:.5rem}.qs-tab{padding:.5rem 1rem;font-size:.9rem}.interfaces-grid{grid-template-columns:1fr}.flow-step{min-width:100%}.tabs-nav{gap:.5rem}.tab-btn{padding:.5rem 1rem;font-size:.9rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary.large,.btn-secondary.large{width:100%;max-width:300px}}