:root{--ink:#19172d;--violet:#5b3cc4;--violet-dark:#382489;--lilac:#eeeaff;--sun:#f7bd3d;--paper:#fffdf7;--muted:#6d6a7d;--line:#e5e1ed;--mint:#d9f5ea;--danger:#bb314f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.shell{--bs-gutter-x:6vw}h1,h2,h3,.brand-word,.portal-brand,.footer-brand{font-family:"Fraunces",serif;font-weight:700;letter-spacing:-.045em}.navbar{backdrop-filter:blur(14px);background:rgba(255,253,247,.9);border-bottom:1px solid rgba(25,23,45,.07)}.navbar-brand{color:var(--ink);font-size:1.55rem}.brand-mark{align-items:center;background:var(--violet);border-radius:50%;color:#fff;display:inline-flex;font-size:.72rem;height:35px;justify-content:center;margin-right:.5rem;position:relative;width:35px}.brand-mark:after{border:2px solid var(--sun);border-radius:50%;content:"";height:24px;position:absolute;width:24px}.brand-mark i{z-index:1}.nav-link{color:var(--ink);font-size:.9rem;font-weight:700}.nav-link:hover{color:var(--violet)}.btn{border-radius:999px;font-weight:700;padding:.76rem 1.2rem}.btn-primary{background:var(--violet);border-color:var(--violet);box-shadow:0 10px 20px rgba(91,60,196,.2)}.btn-primary:hover,.btn-primary:focus{background:var(--violet-dark);border-color:var(--violet-dark)}.btn-outline-dark{border-color:var(--ink);color:var(--ink)}.btn-outline-dark:hover{background:var(--ink)}.hero{min-height:710px;overflow:hidden;padding:9.5rem 0 5.5rem;position:relative}.hero:after{background:var(--lilac);border-radius:50%;content:"";height:750px;position:absolute;right:-230px;top:-275px;width:750px}.hero .shell{z-index:1}.eyebrow,.section-kicker{color:var(--violet);font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow{align-items:center;background:#fff;border:1px solid var(--line);border-radius:99px;color:var(--ink);display:inline-flex;gap:.5rem;letter-spacing:.04em;padding:.45rem .75rem;text-transform:none}.eyebrow i{color:var(--sun)}.hero h1{font-size:clamp(3.3rem,6.1vw,5.9rem);line-height:.94;margin:1.25rem 0 1.4rem;max-width:830px}.hero h1 span{color:var(--violet);position:relative;white-space:nowrap}.hero h1 span:after{background:var(--sun);bottom:-.01em;content:"";height:.13em;left:3%;position:absolute;transform:rotate(-2deg);width:94%;z-index:-1}.hero-copy{color:var(--muted);font-size:1.1rem;line-height:1.65;max-width:520px}.hero-proof{align-items:center;display:flex;gap:.85rem;margin-top:3.2rem}.proof-avatars{display:flex}.proof-avatars b{align-items:center;background:var(--lilac);border:2px solid var(--paper);border-radius:50%;color:var(--violet);display:flex;font-size:.7rem;height:30px;justify-content:center;margin-left:-8px;width:30px}.proof-avatars b:first-child{margin:0}.hero-proof strong,.hero-proof small{display:block;font-size:.8rem}.hero-proof small{color:var(--muted);font-size:.72rem}.notebook-stage{height:480px;margin:auto;max-width:480px;position:relative}.orbit{border:1px solid rgba(91,60,196,.15);border-radius:50%;position:absolute}.orbit-a{height:500px;right:-80px;top:-20px;width:500px}.orbit-b{height:350px;right:-5px;top:55px;width:350px}.notebook{background:#6242ca;border:8px solid #2c2061;border-radius:12px 26px 26px 12px;box-shadow:24px 24px 0 rgba(25,23,45,.12),0 28px 44px rgba(47,28,128,.23);height:370px;left:85px;overflow:hidden;position:absolute;top:50px;transform:rotate(8deg);width:274px;z-index:2}.notebook:after{background:repeating-linear-gradient(180deg,transparent 0 30px,rgba(255,255,255,.18) 31px 32px);content:"";inset:0;position:absolute}.spiral{display:flex;flex-direction:column;gap:15px;left:-16px;position:absolute;top:18px;z-index:3}.spiral i{border:5px solid #d8ceff;border-radius:50%;display:block;height:22px;width:31px}.planet{border:7px solid var(--sun);border-radius:50%;height:93px;position:absolute;right:29px;top:33px;width:93px;z-index:2}.planet:after{border-top:6px solid var(--sun);content:"";left:-23px;position:absolute;top:38px;transform:rotate(-15deg);width:127px}.notebook-copy{color:#fff;font-family:"Fraunces",serif;font-size:3.2rem;font-weight:700;left:36px;line-height:.85;position:absolute;top:105px;z-index:2}.float-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 14px 30px rgba(38,25,91,.13);display:flex;gap:.65rem;padding:.8rem 1rem;position:absolute;z-index:4}.float-card i{align-items:center;background:var(--lilac);border-radius:9px;color:var(--violet);display:flex;height:36px;justify-content:center;width:36px}.float-card b,.float-card small{display:block;font-size:.8rem}.float-card small{color:var(--muted);font-size:.7rem}.card-one{left:-10px;top:320px;transform:rotate(-4deg)}.card-two{right:-10px;top:105px;transform:rotate(4deg)}.trust-band{background:var(--ink);color:#fff}.trust-band .row>div{padding:1.6rem;border-right:1px solid rgba(255,255,255,.14)}.trust-band .row>div:last-child{border:0}.trust-band b{color:var(--sun);display:block;font-family:"Fraunces",serif;font-size:2rem;line-height:1}.trust-band span{color:rgba(255,255,255,.68);font-size:.76rem}.section-space{padding:6.5rem 0}.section-space h2,.process-heading h2,.contact-cta h2{font-size:clamp(2.4rem,4vw,4rem);line-height:.98}.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;height:100%;padding:1.65rem;transition:.25s}.service-card:hover{box-shadow:0 15px 30px rgba(25,23,45,.1);transform:translateY(-5px)}.service-card>span{align-items:center;background:var(--lilac);border-radius:13px;color:var(--violet);display:flex;font-size:1.4rem;height:52px;justify-content:center;margin-bottom:1.3rem;width:52px}.service-card h3{font-size:1.4rem}.service-card p{color:var(--muted);font-size:.92rem;margin:0}.process-section{background:#f1edff}.process-heading{max-width:630px}.process-step{position:relative}.process-step:after{border-top:2px dashed #b7aae9;content:"";left:67%;position:absolute;right:-33%;top:31px}.process-step:last-child:after{display:none}.process-step>b{align-items:center;background:var(--violet);border-radius:50%;box-shadow:0 0 0 8px #f1edff;color:#fff;display:flex;font-family:"Fraunces",serif;height:62px;justify-content:center;margin-bottom:1.2rem;position:relative;width:62px;z-index:1}.process-step h3{font-size:1.35rem}.process-step p{color:var(--muted);font-size:.9rem;max-width:220px}.contact-cta{background:var(--violet);border-radius:28px;color:#fff;overflow:hidden;padding:3rem;position:relative}.contact-cta:before{background:var(--sun);border-radius:50%;bottom:-120px;content:"";height:280px;position:absolute;right:120px;width:280px}.contact-cta:after{border:1px solid rgba(255,255,255,.25);border-radius:50%;content:"";height:480px;position:absolute;right:-120px;top:-170px;width:480px}.contact-cta .row{position:relative;z-index:1}.contact-cta p:not(.section-kicker){color:rgba(255,255,255,.7);max-width:490px}.contact-points{background:rgba(255,255,255,.98);border-radius:18px;color:var(--ink);padding:1.4rem}.contact-points>div{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:.85rem;padding:.8rem 0}.contact-points>div:last-child{border:0}.contact-points i{align-items:center;background:var(--lilac);border-radius:10px;color:var(--violet);display:flex;height:38px;justify-content:center;width:38px}.contact-points b,.contact-points small{display:block;font-size:.82rem}.contact-points small{color:var(--muted);font-size:.74rem}footer{background:#121021;color:#fff;padding:3.7rem 0 1.3rem}footer p{color:rgba(255,255,255,.56);font-size:.85rem;margin:.8rem 0 0}.footer-brand{color:#fff;font-size:1.5rem;text-decoration:none}.footer-links{display:flex;gap:1.2rem}.footer-links a,.footer-links button{background:transparent;border:0;color:rgba(255,255,255,.68);font-size:.85rem;padding:0;text-decoration:none}.footer-links a:hover,.footer-links button:hover{color:var(--sun)}footer small{color:rgba(255,255,255,.4);font-size:.7rem}.login-modal{border:0;border-radius:24px}.login-brand{align-items:center;display:flex;font-family:"Fraunces",serif;font-size:1.4rem;font-weight:700}.login-modal h2{font-size:2.25rem}.login-modal label,.request-form label{font-size:.82rem;font-weight:700;margin-bottom:.42rem}.form-control,.form-select{border-color:#ded9e8;border-radius:10px;padding:.72rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--violet);box-shadow:0 0 0 .2rem rgba(91,60,196,.12)}.input-group .btn{border-radius:0 10px 10px 0;padding:.45rem .85rem}.form-error{background:#ffebef;border-radius:8px;color:var(--danger);font-size:.8rem;margin:0;padding:.65rem .75rem}.login-help{color:var(--muted);font-size:.75rem;margin:1.4rem 0 0}.toast{background:var(--ink);color:#fff}.portal{background:#f7f6fb;display:flex;min-height:100vh}.sidebar{background:#17152c;color:#fff;display:flex;flex-direction:column;flex:0 0 260px;min-height:100vh;padding:1.8rem 1.15rem;position:sticky;top:0}.portal-brand{align-items:center;color:#fff;display:flex;font-size:1.6rem;text-decoration:none}.profile-mini{align-items:center;background:rgba(255,255,255,.08);border-radius:13px;display:flex;gap:.7rem;margin:2.5rem 0 1.4rem;padding:.75rem}.profile-mini>span,.header-user>span{align-items:center;background:var(--sun);border-radius:50%;color:var(--ink);display:flex;font-size:.75rem;font-weight:700;height:34px;justify-content:center;width:34px}.profile-mini strong,.profile-mini small{display:block;font-size:.77rem}.profile-mini small{color:rgba(255,255,255,.58);font-size:.68rem;text-transform:capitalize}.sidebar nav{display:flex;flex-direction:column;gap:.35rem}.sidebar nav button,.sidebar-bottom button{background:transparent;border:0;border-radius:9px;color:rgba(255,255,255,.65);font-size:.86rem;font-weight:600;padding:.78rem .8rem;text-align:left}.sidebar nav button i,.sidebar-bottom button i{margin-right:.55rem}.sidebar nav button:hover,.sidebar nav button.active{background:rgba(255,255,255,.1);color:#fff}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:auto;padding-top:1rem}.sidebar-bottom button{color:#fff;width:100%}#dbStatus{color:rgba(255,255,255,.55);display:block;font-size:.69rem;margin:0 .8rem 1rem}#dbStatus i{color:var(--sun);font-size:.5rem;margin-right:.3rem}.portal-main{min-width:0;padding:2.4rem 3vw;width:100%}.portal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.1rem}.portal-header p{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.09em;margin:0;text-transform:uppercase}.portal-header h1{font-size:2.1rem;margin:.12rem 0 0}.header-user{background:transparent;border:0}.header-user>span{height:40px;width:40px}.menu-toggle{background:transparent;border:0;color:var(--ink);display:none;font-size:1.5rem}.welcome-box{align-items:center;background:linear-gradient(105deg,#5b3cc4,#7c5ce0);border-radius:20px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative}.welcome-box:after{border:1px solid rgba(255,255,255,.25);border-radius:50%;content:"";height:260px;position:absolute;right:-60px;top:-80px;width:260px}.welcome-box p{color:#dcd3ff;font-size:.8rem;margin:0 0 .3rem}.welcome-box h2{font-size:2rem;margin:0 0 .4rem}.welcome-box span{color:rgba(255,255,255,.7);font-size:.85rem}.welcome-box>i{color:var(--sun);font-size:4rem;margin-right:1.2rem;position:relative;z-index:1}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:1.2rem}.metric .metric-icon{align-items:center;background:var(--lilac);border-radius:9px;color:var(--violet);display:flex;height:36px;justify-content:center;margin-bottom:.85rem;width:36px}.metric b{display:block;font-family:"Fraunces",serif;font-size:1.9rem;line-height:1}.metric small{color:var(--muted);font-size:.73rem}.data-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.35rem}.card-heading,.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.3rem}.card-label{color:var(--violet);font-size:.7rem;font-weight:700;letter-spacing:.09em;margin:0;text-transform:uppercase}.card-heading h2,.section-header h2{font-family:"Fraunces",serif;font-size:1.55rem;margin:.25rem 0 0}.section-header{align-items:flex-end}.section-header p{color:var(--muted);font-size:.86rem;margin:.35rem 0 0}.text-button{background:transparent;border:0;color:var(--violet);font-size:.8rem;font-weight:700}table{border-collapse:collapse;width:100%}th{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.7rem .5rem;text-align:left;text-transform:uppercase}td{border-top:1px solid var(--line);font-size:.8rem;padding:.85rem .5rem;vertical-align:middle}.status{border-radius:99px;display:inline-block;font-size:.68rem;font-weight:700;padding:.32rem .58rem}.status-nueva{background:#f0ecff;color:#5b3cc4}.status-cotizacion{background:#fff2d4;color:#9a6900}.status-produccion{background:#dceeff;color:#1966a0}.status-lista{background:#d9f5ea;color:#17824b}.status-entregada{background:#e8e8ed;color:#555364}.status-select{border:1px solid var(--line);border-radius:7px;font-size:.72rem;padding:.32rem}.empty-state{color:var(--muted);font-size:.85rem;margin:1rem 0 .3rem;text-align:center}.request-form{max-width:850px}.request-form small{color:var(--muted);display:block;font-size:.7rem;margin-top:.35rem}.admin-only,.client-only{display:none}.portal.is-admin .admin-only,.portal.is-client .client-only{display:table-cell}.portal.is-client .client-only{display:inline-flex}.portal.is-admin #clientsNav{display:block}.portal.is-client #clientsNav{display:none}.portal.is-admin #newRequestNav{display:none}.portal.is-client #newRequestNav{display:block}@media(max-width:991.98px){.hero{min-height:auto}.notebook-stage{transform:scale(.87);transform-origin:top center}.process-step:after{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.sidebar{display:none;position:fixed;z-index:1040}.portal.sidebar-open .sidebar{display:flex}.menu-toggle{display:block}.portal-main{padding:1.4rem 1.25rem}.portal-header{gap:.7rem;justify-content:flex-start}.header-user{margin-left:auto}.contact-cta{padding:2rem}}@media(max-width:575.98px){.shell{--bs-gutter-x:1.25rem}.hero{padding-top:7.5rem}.hero h1{font-size:3.2rem}.notebook-stage{height:400px;margin-bottom:-55px;transform:scale(.72)}.trust-band .row>div:nth-child(2){border-right:0}.trust-band .row>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.section-space{padding:4.5rem 0}.contact-cta{border-radius:20px}.footer-links{flex-wrap:wrap}.metric-grid{gap:.65rem}.metric{padding:1rem}.metric b{font-size:1.55rem}.welcome-box{padding:1.4rem}.welcome-box h2{font-size:1.55rem}.welcome-box>i{display:none}.data-card{padding:1rem}.table-wrap{overflow-x:auto}.admin-only{min-width:110px}.portal-header h1{font-size:1.75rem}.section-header{align-items:flex-start;gap:.7rem}.section-header .btn{font-size:.75rem;padding:.65rem .8rem}.sidebar{width:260px}.request-form .btn{width:100%}}