/* RÍO Studio — white, blue and graphite tools in the same editorial identity. */
:root{--ink:#101318;--paper:#ffffff;--cream:#f1f3f6;--sand:#dce1e8;--accent:#164bfa;--accent-ink:#fff;--orange:#ff814a;--muted:#606874;--line:#10131829}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button{cursor:pointer;min-height:44px;transition:background .2s,color .2s}button:focus-visible,input:focus-visible{outline:3px solid #164bfa;outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink,#fff)}.font-display{font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;letter-spacing:-.01em;line-height:.95}.logo-navy{filter:brightness(0)}.logo-white{filter:brightness(0) invert(1)}.glass{background:var(--paper);border:1px solid var(--line);box-shadow:none!important;backdrop-filter:none}[class*='text-brand-'],[class*='text-slate-']{color:var(--ink)!important}.text-slate-400,.text-slate-500{color:var(--muted)!important}[class*='border-slate-']{border-color:var(--line)!important}[class*='shadow-']{box-shadow:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#98a4b5;border:2px solid transparent;background-clip:padding-box;border-radius:10px}
#login{background:var(--cream);position:relative;min-height:100svh;overflow:hidden;padding:40px 6vw;justify-content:flex-end}#login::before{content:'ESTA\A ES CASA.';white-space:pre;position:absolute;left:6vw;top:50%;transform:translateY(-50%);font:400 clamp(5rem,11vw,12rem)/.86 'Bebas Neue';letter-spacing:-.04em;color:var(--ink)}#login::after{content:'RÍO MX / STUDIO';position:absolute;left:6vw;bottom:7vh;font-size:10px;letter-spacing:.18em}#login>.glass{margin-right:3vw;max-width:450px;border:0;border-radius:160px 160px 0 0;padding:70px 40px 40px;background:var(--paper)}#login>.glass>div.absolute{display:none}#login img{height:55px;margin-bottom:25px}#login h1{font-size:4.5rem;line-height:.93;margin:12px 0 20px}#login p{font-size:12px}#login input{background:var(--cream);border:1px solid var(--line);border-radius:3px;color:var(--ink);min-height:56px}#login .btn-primary{background:var(--ink);color:var(--paper);border-radius:999px;min-height:50px}.btn-primary{background:var(--ink);color:var(--paper)!important}.btn-primary:hover{background:#164bfa}.rail-btn{width:48px;height:48px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#aeb9c9}.rail-btn:hover{background:#ffffff18;color:var(--paper)}.rail-btn.on{background:var(--accent);color:var(--accent-ink,#fff)}.rail-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#app{background:var(--cream);height:100dvh}#app>aside{width:74px!important;background:var(--ink);padding:24px 0 18px;gap:14px}#app>aside>img{height:36px;margin-bottom:16px}
#v-editor>header,#v-crm>header{height:auto;min-height:80px;flex-wrap:wrap;gap:8px;padding:12px 20px;background:var(--paper);border-color:var(--line)}#v-editor>header>button,#v-crm>header>button{font-size:9px;letter-spacing:.07em;border-radius:999px;padding:11px 15px;border-color:var(--line);white-space:nowrap}#v-editor>header>.btn-primary{background:var(--ink);color:var(--paper)!important}#pagetabs{gap:0;flex:1;min-width:360px}.pagechip{padding:12px 10px;font-size:10px;letter-spacing:.04em;white-space:nowrap;color:var(--muted);border-radius:0;border-bottom:2px solid transparent}.pagechip:hover{color:var(--ink)}.pagechip.on{color:var(--ink);border-color:var(--ink);font-weight:700}.seg{display:flex;border:1px solid var(--line);padding:3px;border-radius:999px}.seg button{display:grid;place-items:center;min-height:34px;width:34px;border-radius:50%;color:var(--muted)}.seg button.on{background:var(--sand);color:var(--ink)}.seg svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#164bfa}.canvas{background:var(--sand);overflow:auto;padding:0 20px}.device-frame{margin:24px auto;background:var(--paper);border:1px solid #10131860;border-radius:8px;overflow:hidden;max-width:100%;transition:width .3s}.device-frame iframe{width:100%;height:100%;display:block;border:0}#v-editor>div>div:first-child{width:248px;flex-shrink:0;background:var(--paper);border-color:var(--line)}#v-editor>div>div:first-child>div{border-color:var(--line)}#seclist>div{padding:13px 10px;border-radius:0;border-bottom:1px solid var(--line);font-size:11px}#seclist>div:hover{background:var(--cream)}.sechandle{cursor:grab}.sortable-ghost{opacity:.35}.sortable-chosen{background:var(--cream)}#v-editor>div>div:first-child>div:first-child button{font-size:10px;color:var(--ink)}
#v-crm{background:var(--paper)}#v-crm>header>p{font:400 2rem 'Bebas Neue'}#v-crm>header>button:last-child{background:var(--ink);color:var(--paper)!important}#v-crm>div{max-width:1500px;padding:35px 35px 60px}.crm-intro{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end;margin-bottom:35px}.crm-intro>span{grid-column:1/-1;font-size:9px;letter-spacing:.18em;color:var(--muted)}.crm-intro h1{font:400 clamp(2.8rem,4.8vw,5rem)/.94 'Bebas Neue';letter-spacing:-.025em}.crm-intro p{font-size:12px;max-width:250px;margin-left:auto;color:var(--muted);line-height:1.6}#resumen{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}#resumen>.glass{border:0;border-right:1px solid var(--line);border-radius:0;background:none;padding:20px 15px}#resumen .font-display{font-size:3rem}#resumen p:last-child{font-size:8px;letter-spacing:.08em}#filtros{gap:8px}#filtros button{background:none;border:1px solid var(--line);color:var(--muted);font-size:9px;border-radius:999px;min-height:44px}#filtros button.bg-brand-navy{background:var(--ink)!important;color:var(--paper)!important}#lista>.glass{border:0;border-top:1px solid var(--line);border-radius:0;padding:25px 0;background:none}#lista>.glass>div:last-child{border:0!important}#lista span[class*='bg-']{background:var(--cream)!important;color:var(--ink)!important;border-color:var(--line)!important;border-radius:2px}#lista span.bg-green-50{background:#dce7c4!important;color:#3d4d1b!important}#lista button{border-radius:999px;font-size:9px;min-height:44px;padding:10px 18px}#lista button.bg-green-600{background:var(--ink);color:var(--paper)}#lista button.text-red-600,#v-crm>header>button.text-red-600{color:#963b2b}#vacio{border-top:1px solid var(--line);text-align:left;padding:55px 0}#vacio>p:first-child{font:400 3rem 'Bebas Neue';font-weight:400}#vacio>p:last-child{font-size:13px;max-width:380px;line-height:1.6}
#histmodal,#addmenu,#colormodal{background:#101318aa;backdrop-filter:none}#histmodal>div,#addmenu>div,#colormodal>div{background:var(--paper);border-radius:4px;border-top:5px solid var(--accent);box-shadow:none;max-height:90dvh;overflow:auto}#histmodal>div>div:first-child>p,#addmenu>div>p:first-child,#colormodal>div>p:first-child{font:400 2.3rem/1 'Bebas Neue';letter-spacing:-.02em}#histmodal button,#addmenu button,#colormodal button{min-height:44px;border-radius:3px;border-color:var(--line)}#addmenu .grid>button{padding:20px;background:var(--cream)}#addmenu .grid>button:hover{background:var(--sand)}#colormodal label{font-size:12px}#colormodal input[type='color']{min-width:40px;border:1px solid var(--line);padding:3px;background:var(--cream)}#presets button{border-radius:999px;padding:6px 12px}#histlist>div{border-radius:0;border-color:var(--line);background:var(--cream)}#histlist button{background:var(--ink);color:var(--paper)!important}
@media(max-width:1100px){#v-editor>header{padding:10px 12px}#pagetabs{flex-basis:100%;order:-1}#v-editor>div>div:first-child{width:205px}.pagechip{padding-inline:12px}#resumen{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){#login{justify-content:center;padding:110px 20px 70px}#login::before{top:25px;left:20px;transform:none;content:'RÍO STUDIO';font-size:3rem}#login::after{left:20px;bottom:25px}#login>.glass{margin:0;padding:60px 25px 30px;border-radius:130px 130px 0 0;max-width:390px}#login h1{font-size:3.5rem}#app{flex-direction:column!important}#app>aside{width:100%!important;height:62px;flex-direction:row;padding:6px 16px;gap:12px}#app>aside>img{height:30px;margin:0 14px 0 0}.rail-btn{width:44px;height:44px}#v-editor,#v-crm{min-height:0}#v-editor>header,#v-crm>header{gap:6px;padding:8px 12px}#pagetabs{min-width:0;flex:1 0 100%;order:-1}.pagechip{font-size:9px;padding:10px;min-height:40px}#v-editor>header>button{font-size:8px;padding:10px 12px;min-height:40px}#v-editor>header>div.flex-1{display:none}#v-editor>header>div:has(#saveind){font-size:9px;margin-left:auto}#v-editor>div{flex-direction:column}#v-editor>div>div:first-child{width:100%;height:auto;max-height:125px;border-bottom:1px solid var(--line);flex-shrink:0}#v-editor>div>div:first-child>div:first-child{padding:5px 12px;min-height:35px}#seclist{display:flex;gap:0;overflow-x:auto;padding:0!important}#seclist>div{min-width:135px;max-width:165px;padding:12px!important;border-right:1px solid var(--line);font-size:9px}#v-editor>div>div:first-child>div:last-child:not(#seclist){display:none}.canvas{padding:0 8px;min-height:0;flex:1}.device-frame{margin:12px auto;min-height:480px}#v-crm>header>p{font-size:1.5rem}#v-crm>header>button{font-size:8px;padding:10px}#v-crm>div{padding:25px 18px 40px}.crm-intro{display:block;margin-bottom:25px}.crm-intro h1{font-size:3.2rem;margin:15px 0}.crm-intro p{margin:0}.crm-intro>span{font-size:8px}#resumen{grid-template-columns:repeat(3,1fr)}#resumen>.glass{padding:15px 10px;border-bottom:1px solid var(--line)}#resumen .font-display{font-size:2.5rem}#filtros button{font-size:8px;padding:10px 13px}#lista .grid{gap:15px}#lista .grid p.text-sm{font-size:12px}#lista button{font-size:8px;padding:10px 14px}#histmodal>div,#addmenu>div,#colormodal>div{padding:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
#login .btn-primary,#v-editor>header>.btn-primary{background:var(--accent);color:#fff!important}
#login .btn-primary:hover,#v-editor>header>.btn-primary:hover{background:#1038bc}
.pagechip.on{color:var(--accent);border-color:var(--accent)}