/* ===================================================================== RemotPress Taller — Landing 2026 · "El centro de operaciones de tu taller" Sistema visual: mesa de trabajo nocturna (retícula tipo alfombra ESD), trazas de circuito, estados con los colores reales del programa y planes presentados como tickets de servicio. ===================================================================== */ /* ---------- Tokens ---------- Dos temas: oscuro (noche) es el valor por defecto y el claro (día) solo redefine tokens. El atributo data-theme lo pone el script del antes de pintar: automático por hora (claro de 6:00 a 18:00) o el que la persona eligió a mano. */ :root{ color-scheme: dark; --bg:#070B11; --bg-2:#0A1019; --panel:#0E1621; --panel-2:#131D2B; --panel-3:#192638; --line:rgba(132,164,204,.14); --line-2:rgba(132,164,204,.24); --line-3:rgba(132,164,204,.36); --grid:rgba(132,164,204,.05); --text:#E8EEF7; --text-2:#AFBDCF; --text-3:#8394AA; --text-strong:#FFFFFF; --placeholder:#62738A; --signal:#3B9EFF; --signal-2:#7AD0FF; --signal-ink:#04172C; --signal-soft:rgba(59,158,255,.14); --solder:#FFB547; --solder-soft:rgba(255,181,71,.14); --st-proc:#FF9F43; --st-ok:#34D399; --st-wait:#F5C24B; --st-part:#7AD0FF; --st-bad:#F87171; --st-warranty:#A78BFA; --whatsapp:#25D366; /* Superficies */ --surface:rgba(19,29,43,.6); --surface-card:rgba(14,22,33,.7); --inset:rgba(7,11,17,.45); --inset-2:rgba(7,11,17,.7); --track:rgba(7,11,17,.7); --float-bg:rgba(14,22,33,.86); --card-bg:linear-gradient(180deg,rgba(19,29,43,.75),rgba(14,22,33,.75)); --accent-bg:linear-gradient(135deg,rgba(59,158,255,.12),rgba(14,22,33,.82) 55%); --live-bg:linear-gradient(135deg,rgba(52,211,153,.08),rgba(14,22,33,.7) 60%); --header-bg:rgba(7,11,17,.72); --header-bg-solid:rgba(7,11,17,.9); --utility-bg:rgba(7,11,17,.8); --section-alt:rgba(10,16,25,.85); --footer-bg:rgba(5,8,13,.9); --modal-bg:linear-gradient(180deg,#121C2A,#0D1520); --backdrop:rgba(3,6,10,.76); --toast-bg:rgba(19,29,43,.96); --console-bg:linear-gradient(180deg,#101A27,#0B131E); --console-bar:rgba(7,11,17,.6); --widget-bg:rgba(19,29,43,.55); --row-bg:rgba(7,11,17,.5); --ticket-bg:linear-gradient(180deg,#132033,#0E1724); --ticket-pro-bg:linear-gradient(180deg,#152A44,#0E1826); --barcode:#DCE6F2; --promo-bg:linear-gradient(160deg,#142740,#0D1724); --cta-bg:radial-gradient(600px 240px at 90% 0%,rgba(59,158,255,.25),transparent 70%),linear-gradient(135deg,#10233A,#0B1522); --deliz-bg:linear-gradient(135deg,#0E3B4A,#0B1E2B 60%); --deliz-accent:#7FE3FF; --pad-active:radial-gradient(circle at 50% 35%,#1C3858,#0F1B2A); --hub-fill:#12243A; --trace:rgba(122,208,255,.16); --trace-2:rgba(122,208,255,.35); --trace-pad:rgba(122,208,255,.45); --glow:rgba(59,158,255,.28); --headline-from:#FFFFFF; --tag-bg:rgba(122,208,255,.07); --tag-line:rgba(122,208,255,.16); --tag-text:#BFE6FF; --alert-ok:#9FF0CD; --alert-err:#FFC2C2; --alert-info:#CDEBFF; --callout-text:#FFE1AE; --danger:#FFB4B4; --page-glow-1:rgba(59,158,255,.10); --page-glow-2:rgba(255,181,71,.045); --r-s:10px; --r:16px; --r-l:22px; --r-pill:999px; --shadow-1:inset 0 1px 0 rgba(255,255,255,.035), 0 18px 40px -26px rgba(0,0,0,.9); --shadow-2:inset 0 1px 0 rgba(255,255,255,.05), 0 30px 70px -30px rgba(0,0,0,.95); --focus:0 0 0 3px rgba(122,208,255,.55); --font-display:"Archivo","Segoe UI",system-ui,-apple-system,sans-serif; --font-body:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif; --font-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace; --container:1200px; --gutter:clamp(18px,4vw,32px); --header-h:68px; --ease:cubic-bezier(.2,.7,.2,1); } /* Tema claro (día): mesa de trabajo iluminada, mismos acentos con tinta más oscura para leerse bien */ :root[data-theme="light"]{ color-scheme: light; --bg:#F4F7FB; --bg-2:#E9EFF7; --panel:#FFFFFF; --panel-2:#F3F6FA; --panel-3:#E6ECF4; --line:rgba(20,45,80,.12); --line-2:rgba(20,45,80,.18); --line-3:rgba(20,45,80,.28); --grid:rgba(20,50,90,.045); --text:#0F1B2C; --text-2:#3A4B60; --text-3:#56667B; --text-strong:#07111F; --placeholder:#8A99AC; --signal-2:#0A6CD1; --signal-soft:rgba(10,108,209,.10); --solder:#A35C00; --solder-soft:rgba(255,166,0,.14); --st-proc:#C25E00; --st-ok:#0E8A5A; --st-wait:#8F6600; --st-part:#0A6CD1; --st-bad:#C53030; --st-warranty:#6B4FD3; --surface:rgba(255,255,255,.82); --surface-card:#FFFFFF; --inset:#F2F5F9; --inset-2:#FFFFFF; --track:rgba(20,45,80,.10); --float-bg:rgba(255,255,255,.92); --card-bg:linear-gradient(180deg,#FFFFFF,#FBFCFE); --accent-bg:linear-gradient(135deg,rgba(59,158,255,.13),#FFFFFF 55%); --live-bg:linear-gradient(135deg,rgba(52,211,153,.14),#FFFFFF 60%); --header-bg:rgba(250,252,255,.8); --header-bg-solid:rgba(250,252,255,.95); --utility-bg:rgba(234,240,247,.92); --section-alt:rgba(230,237,246,.75); --footer-bg:#EAF0F6; --modal-bg:linear-gradient(180deg,#FFFFFF,#F8FAFD); --backdrop:rgba(15,27,44,.45); --toast-bg:rgba(255,255,255,.98); --console-bg:linear-gradient(180deg,#FFFFFF,#F5F8FC); --console-bar:#EEF2F7; --widget-bg:#F6F9FC; --row-bg:#FFFFFF; --ticket-bg:linear-gradient(180deg,#FFFFFF,#F7FAFD); --ticket-pro-bg:linear-gradient(180deg,#EDF5FF,#FFFFFF); --barcode:#1B2A3D; --promo-bg:linear-gradient(160deg,#EAF4FF,#FFFFFF); --cta-bg:radial-gradient(600px 240px at 90% 0%,rgba(59,158,255,.22),transparent 70%),linear-gradient(135deg,#EAF3FF,#FFFFFF); --deliz-bg:linear-gradient(135deg,#DDF5FF,#FFFFFF 60%); --deliz-accent:#0A7FA8; --pad-active:radial-gradient(circle at 50% 35%,#E3F0FF,#FFFFFF); --hub-fill:#EAF3FF; --trace:rgba(10,108,209,.14); --trace-2:rgba(10,108,209,.30); --trace-pad:rgba(10,108,209,.40); --glow:rgba(59,158,255,.18); --headline-from:#0B1B30; --tag-bg:rgba(10,108,209,.07); --tag-line:rgba(10,108,209,.18); --tag-text:#0A4F99; --alert-ok:#0B6B45; --alert-err:#A12626; --alert-info:#0A4F99; --callout-text:#6E4300; --danger:#C0392B; --page-glow-1:rgba(59,158,255,.10); --page-glow-2:rgba(255,181,71,.09); --shadow-1:0 1px 2px rgba(16,32,56,.05), 0 10px 28px -18px rgba(16,32,56,.22); --shadow-2:0 2px 6px rgba(16,32,56,.06), 0 26px 60px -30px rgba(16,32,56,.35); --focus:0 0 0 3px rgba(10,108,209,.35); } /* ---------- Base ---------- */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%} body{ margin:0;min-height:100vh; background-color:var(--bg); background-image: radial-gradient(1100px 600px at 82% -8%, var(--page-glow-1), transparent 60%), radial-gradient(900px 520px at -10% 38%, var(--page-glow-2), transparent 60%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px); background-size:auto,auto,44px 44px,44px 44px; color:var(--text); font:400 16px/1.6 var(--font-body); -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; } img,svg{max-width:100%;display:block} a{color:var(--signal-2);text-decoration:none} a:hover{color:var(--text-strong)} button{font:inherit;color:inherit;cursor:pointer} button,input,select,textarea{font-family:inherit} [hidden]{display:none!important} :focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px} ::selection{background:rgba(59,158,255,.35);color:var(--text-strong)} h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-stretch:112%;letter-spacing:-.015em;line-height:1.12;text-wrap:balance} p{margin:0} ul,ol{margin:0;padding:0;list-style:none} .rp-mono{font-family:var(--font-mono);font-feature-settings:"zero" 1;font-variant-numeric:tabular-nums} .rp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .rp-skip{position:fixed;left:16px;top:-60px;z-index:1000;padding:10px 16px;border-radius:10px;background:var(--signal);color:var(--signal-ink);font-weight:700;transition:top .2s} .rp-skip:focus{top:12px} .rp-anchor-alias{position:absolute;top:0} /* ---------- Layout helpers ---------- */ .rp-container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)} .rp-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .rp-row--between{justify-content:space-between} .rp-section{position:relative;padding:clamp(72px,9vw,120px) 0} .rp-section--alt{background:linear-gradient(180deg, transparent, var(--section-alt) 12%, var(--section-alt) 88%, transparent)} .rp-section__head{max-width:760px;margin-bottom:clamp(36px,5vw,56px);display:grid;gap:14px} .rp-section__head--center{margin-inline:auto;text-align:center;justify-items:center} .rp-eyebrow{ display:inline-flex;align-items:center;gap:10px; font:600 12.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal-2); } .rp-eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--signal-2));} .rp-eyebrow::after{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid var(--signal-2);margin-left:-8px} .rp-section__head--center .rp-eyebrow::before{display:none} .rp-eyebrow--live::before,.rp-eyebrow--live::after{display:none} .rp-h2{font-size:clamp(30px,4.2vw,50px);font-weight:800} .rp-h3{font-size:18px;font-weight:700;margin-bottom:16px} .rp-lead{font-size:clamp(16px,1.6vw,18.5px);color:var(--text-2);max-width:62ch} .rp-note{font-size:13.5px;color:var(--text-3);margin-top:12px} .rp-note--center{text-align:center} /* El pulso usa transform/opacity (lo resuelve la GPU, sin repintar la página) */ .rp-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--st-ok);flex:none} .rp-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(52,211,153,.55);animation:rpPing 2.2s ease-out infinite} @keyframes rpPing{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(3.2);opacity:0}} .rp-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);font-size:13.5px;font-weight:500;line-height:1} .rp-chip i{color:var(--text)} .rp-chip--link{cursor:pointer;transition:border-color .2s,color .2s,background .2s} .rp-chip--link:hover{border-color:var(--signal);color:var(--text-strong);background:var(--signal-soft)} .rp-tags{display:flex;flex-wrap:wrap;gap:6px} .rp-tags li{font:500 12px/1 var(--font-mono);letter-spacing:.02em;padding:6px 9px;border-radius:7px;background:var(--tag-bg);border:1px solid var(--tag-line);color:var(--tag-text)} .rp-tagpill{display:inline-block;font:600 11.5px/1 var(--font-mono);padding:5px 9px;border-radius:6px;background:var(--solder-soft);color:var(--solder);border:1px solid rgba(255,181,71,.3)} /* ---------- Buttons ---------- */ .rp-btn{ --bh:44px; display:inline-flex;align-items:center;justify-content:center;gap:9px; min-height:var(--bh);padding:0 18px;border-radius:12px; border:1px solid transparent;background:transparent;color:var(--text); font:600 14.5px/1 var(--font-body);letter-spacing:.005em;white-space:nowrap; text-decoration:none;cursor:pointer; transition:transform .18s var(--ease),background .2s,border-color .2s,color .2s,box-shadow .2s; } .rp-btn:active{transform:translateY(1px)} .rp-btn--primary{ background:linear-gradient(180deg,#5CB2FF,#3B9EFF);color:var(--signal-ink); box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 28px -12px rgba(59,158,255,.75); } .rp-btn--primary:hover{color:var(--signal-ink);background:linear-gradient(180deg,#76C0FF,#4BA7FF);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 34px -12px rgba(59,158,255,.9)} .rp-btn--ghost{border-color:var(--line-2);background:var(--surface)} .rp-btn--ghost:hover{border-color:var(--line-3);background:var(--panel-3);color:var(--text-strong)} .rp-btn--text{padding-inline:8px;color:var(--text-2)} .rp-btn--text:hover{color:var(--text-strong)} .rp-btn--whatsapp{background:var(--whatsapp);color:#062713;box-shadow:0 10px 26px -12px rgba(37,211,102,.7)} .rp-btn--whatsapp:hover{color:#062713;filter:brightness(1.06)} .rp-btn--lg{--bh:52px;padding:0 22px;font-size:15.5px;border-radius:14px} .rp-btn--sm{--bh:36px;padding:0 13px;font-size:13.5px;border-radius:10px} .rp-btn--block{width:100%} .rp-btn i{font-size:.95em} .rp-danger{color:var(--danger)!important} .rp-danger:hover{color:var(--text-strong)!important} .rp-linkbtn{background:none;border:0;padding:0;color:var(--signal-2);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(122,208,255,.4)} .rp-linkbtn:hover{color:var(--text-strong)} .rp-iconbtn{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);flex:none;transition:background .2s,color .2s} .rp-iconbtn:hover{background:var(--panel-3);color:var(--text-strong)} /* ---------- Header ---------- Todo el encabezado es sticky con top negativo = alto de la barra de accesos: al hacer scroll esa barra fina se va y la barra principal queda fija arriba. */ .rp-header{position:sticky;top:-41px;z-index:60} .rp-utility{border-bottom:1px solid var(--line);background:var(--utility-bg);font-size:13px} .rp-utility__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px} .rp-utility__support{display:inline-flex;align-items:center;gap:8px;color:var(--text-3)} .rp-utility__support i{color:var(--whatsapp)} .rp-utility__support .rp-mono{color:var(--text-2)} .rp-utility__support:hover{color:var(--text-strong)} .rp-utility__links{display:flex;align-items:center;gap:6px} .rp-utility__links>a{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;color:var(--text-2);font-weight:500} .rp-utility__links>a:hover{color:var(--text-strong);background:var(--panel-2)} .rp-utility__links>a i{color:var(--signal-2)} .rp-lang{position:relative} .rp-lang__btn{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;border:1px solid var(--line-2);background:transparent;color:var(--text);font:600 12.5px/1 var(--font-mono);letter-spacing:.05em} .rp-lang__btn:hover{background:var(--panel-2)} .rp-lang__chev{font-size:9px;opacity:.7;transition:transform .2s} .rp-lang__btn[aria-expanded="true"] .rp-lang__chev{transform:rotate(180deg)} .rp-lang__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:6px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel-2);box-shadow:var(--shadow-2);z-index:80} .rp-lang__menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;font-size:14px} .rp-lang__menu button small{font:600 11px/1 var(--font-mono);color:var(--text-3)} .rp-lang__menu button:hover{background:var(--panel-3)} .rp-lang__menu button[aria-checked="true"]{background:var(--signal-soft);color:var(--text-strong)} .rp-lang__menu button[aria-checked="true"] small{color:var(--signal-2)} .rp-mainbar{position:relative;background:var(--header-bg);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s,background .25s} .is-scrolled .rp-mainbar{border-bottom-color:var(--line);background:var(--header-bg-solid)} .rp-mainbar__inner{display:flex;align-items:center;gap:24px;min-height:var(--header-h)} .rp-logo{display:inline-flex;align-items:center;gap:11px;color:var(--text);flex:none} .rp-logo:hover{color:var(--text-strong)} .rp-logo__mark{ position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none; background:linear-gradient(160deg,#16263B,#0B1522);border:1px solid rgba(122,208,255,.45); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px -8px rgba(59,158,255,.6); } .rp-logo__mark b{font:800 14px/1 var(--font-display);font-stretch:120%;letter-spacing:-.02em;color:#fff} .rp-logo__mark i{position:absolute;right:-7px;top:50%;width:9px;height:1.5px;background:var(--signal-2)} .rp-logo__mark i::after{content:"";position:absolute;right:-4px;top:-3px;width:6px;height:6px;border-radius:50%;border:1.5px solid var(--signal-2);background:var(--bg)} .rp-logo__mark--sm{width:34px;height:34px} .rp-logo__mark--money b{color:var(--solder)} .rp-logo__mark--money{border-color:rgba(255,181,71,.45)} .rp-logo__text{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:baseline;line-height:1.05;padding-left:8px} .rp-logo__text strong{font:800 18px/1 var(--font-display);font-stretch:115%;letter-spacing:-.02em} .rp-logo__text span{font:600 18px/1 var(--font-display);font-stretch:115%;color:var(--signal-2)} .rp-logo__text small{grid-column:1/-1;font:500 10.5px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-top:3px} .rp-logo--sm .rp-logo__text strong,.rp-logo--sm .rp-logo__text span{font-size:16px} .rp-nav{display:flex;align-items:center;gap:2px;margin-left:8px} .rp-nav a{position:relative;padding:9px 12px;border-radius:9px;color:var(--text-2);font-weight:500;font-size:15px} .rp-nav a:hover{color:var(--text-strong);background:var(--surface)} .rp-nav a.is-active{color:var(--text-strong)} .rp-nav a.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--signal),var(--signal-2))} .rp-mainbar__actions{margin-left:auto;display:flex;align-items:center;gap:10px} .rp-account{position:relative} .rp-account__pill{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--text);max-width:260px} .rp-account__pill:hover{background:var(--panel-3)} .rp-account__pill>i{font-size:10px;color:var(--text-3)} .rp-account__avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(160deg,#2a4b75,#15263b);font:700 14px/1 var(--font-display);color:#fff;overflow:hidden;flex:none} .rp-account__avatar img{width:100%;height:100%;object-fit:cover} .rp-account__who{display:grid;text-align:left;line-height:1.15;min-width:0} .rp-account__who b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rp-account__who small{font:500 11.5px/1.3 var(--font-mono);color:var(--text-3)} .rp-account__menu{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:6px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel-2);box-shadow:var(--shadow-2);z-index:80} .rp-account__menu>button,.rp-account__menu>a{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:14px;text-align:left} .rp-account__menu>button i,.rp-account__menu>a i{width:18px;text-align:center;color:var(--text-3)} .rp-account__menu>button:hover,.rp-account__menu>a:hover{background:var(--panel-3);color:var(--text-strong)} .rp-account__menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px} .rp-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px} .rp-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .2s} .rp-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .rp-burger[aria-expanded="true"] span:nth-child(2){opacity:0} .rp-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} /* ---------- Drawer (móvil) ---------- */ .rp-drawer{position:fixed;inset:0;z-index:200} .rp-drawer__backdrop{position:absolute;inset:0;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rpFade .2s ease both} .rp-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);display:flex;flex-direction:column;gap:18px;padding:18px;overflow-y:auto;background:var(--panel);border-left:1px solid var(--line-2);box-shadow:var(--shadow-2);animation:rpSlideIn .28s var(--ease) both} .rp-drawer__head{display:flex;align-items:center;justify-content:space-between} .rp-drawer__nav{display:grid;gap:2px} .rp-drawer__nav a{padding:13px 12px;border-radius:11px;color:var(--text);font:600 17px/1.2 var(--font-display);font-stretch:110%} .rp-drawer__nav a:hover{background:var(--panel-2)} .rp-drawer__group{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line)} .rp-drawer__access{display:flex;align-items:center;gap:14px;padding:12px;border-radius:13px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text)} .rp-drawer__access i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--signal-soft);color:var(--signal-2);flex:none} .rp-drawer__access span{display:grid;gap:2px} .rp-drawer__access small{color:var(--text-3);font-size:13px} .rp-drawer__lang{display:flex;gap:6px} .rp-drawer__lang button{flex:1;padding:11px 0;border-radius:10px;border:1px solid var(--line-2);background:transparent;font:600 13px/1 var(--font-mono);color:var(--text-2)} .rp-drawer__lang button[aria-pressed="true"]{background:var(--signal-soft);border-color:var(--signal);color:var(--text-strong)} @keyframes rpFade{from{opacity:0}to{opacity:1}} @keyframes rpSlideIn{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}} /* ---------- Panel de cuenta (dock) ---------- */ .rp-dock{padding:22px 0 0} .rp-dock__card{border:1px solid rgba(122,208,255,.28);border-radius:var(--r-l);background:var(--accent-bg);box-shadow:var(--shadow-1);padding:22px} .rp-dock__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:18px} .rp-dock__title{font-size:clamp(22px,2.6vw,28px);font-weight:800;margin-top:8px} .rp-dock__sub{color:var(--text-2);margin-top:4px} .rp-dock__actions{display:flex;flex-wrap:wrap;gap:8px} .rp-dock__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 0} .rp-dock__grid>div{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--inset);min-width:0} .rp-dock__grid dt{font:500 11.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)} .rp-dock__grid dd{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-weight:600;overflow-wrap:anywhere} /* ---------- Hero ---------- */ .rp-hero{position:relative;padding:clamp(48px,7vw,96px) 0 clamp(40px,5vw,64px);overflow:hidden} .rp-hero__bg{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 55%,transparent 85%);mask-image:radial-gradient(ellipse at 50% 40%,#000 55%,transparent 85%)} .rp-traces{width:100%;height:100%} .rp-traces path{fill:none;stroke-width:1.5;stroke-linejoin:round} .rp-traces__lines path{stroke:var(--trace)} .rp-traces__pulse path{stroke:var(--signal-2);stroke-width:2;stroke-dasharray:60 900;stroke-dashoffset:0;opacity:.85;animation:rpPulse 5.5s linear infinite} .rp-traces__pulse path:nth-child(2){animation-delay:-2.6s;animation-duration:6.5s} .rp-traces__pads circle{fill:var(--bg);stroke:var(--trace-pad);stroke-width:1.5} @keyframes rpPulse{from{stroke-dashoffset:960}to{stroke-dashoffset:0}} .rp-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center} .rp-hero__copy{display:grid;gap:22px;justify-items:start;container-type:inline-size} /* Titular en MAYÚSCULAS (pedido del dueño). El tamaño sale del ancho de su columna (cqi) para que la frase más larga ("EN UN SOLO LUGAR.") siempre quepa en una línea, en los tres idiomas. La primera línea de font-size es el respaldo para navegadores sin unidades de contenedor. */ .rp-hero__title{font-size:clamp(28px,3.6vw,50px);font-size:clamp(26px,8.6cqi,64px);font-weight:800;font-stretch:108%;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase} /* Cada frase del titular se corta entera (y, si no cabe, se ajusta dentro de sí misma) */ .rp-ph{display:inline-block} .rp-underline{position:relative;display:inline-block;background:linear-gradient(90deg,var(--headline-from),var(--signal-2));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em} .rp-underline::after{content:"";position:absolute;left:0;right:.45em;bottom:-.08em;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--signal),var(--signal-2));box-shadow:0 0 14px rgba(122,208,255,.6)} .rp-hero__lead{font-size:clamp(17px,1.8vw,20px);color:var(--text-2);max-width:54ch} .rp-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px} .rp-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px} .rp-hero__metalabel{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-right:4px} .rp-hero__visual{margin:0;position:relative} .rp-hero__visual::before{content:"";position:absolute;inset:8% -4% -8% 6%;border-radius:40px;background:radial-gradient(closest-side,var(--glow),transparent 70%);filter:blur(30px);z-index:-1} .rp-hero__caption{margin-top:12px;text-align:right;font:500 12px/1.4 var(--font-mono);color:var(--text-3)} /* Consola ilustrativa */ .rp-console{border-radius:18px;border:1px solid var(--line-2);background:var(--console-bg);box-shadow:var(--shadow-2);overflow:hidden;transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:left center;transition:transform .6s var(--ease)} .rp-hero__visual:hover .rp-console{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg)} .rp-console__bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--console-bar);font-size:12.5px;color:var(--text-3)} .rp-console__brand{display:inline-flex;align-items:center;gap:9px} .rp-console__brand b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--signal);color:var(--signal-ink);font:800 10px/1 var(--font-display);font-stretch:120%} .rp-console__win{display:flex;gap:14px} .rp-console__win i{width:10px;height:1.5px;background:var(--text-3);position:relative} .rp-console__win i:nth-child(2){height:9px;width:9px;background:none;border:1.5px solid var(--text-3);border-radius:2px;margin-top:-4px} .rp-console__win i:nth-child(3){background:none} .rp-console__win i:nth-child(3)::before,.rp-console__win i:nth-child(3)::after{content:"";position:absolute;left:0;top:0;width:11px;height:1.5px;background:var(--text-3);transform:rotate(45deg)} .rp-console__win i:nth-child(3)::after{transform:rotate(-45deg)} .rp-console__body{padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px} .rp-console__top{display:flex;gap:10px;align-items:center} .rp-console__search{flex:1;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--inset);font-size:12.5px;color:var(--text-3);min-width:0} .rp-console__search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rp-console__new{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:var(--signal);color:var(--signal-ink);font-size:12.5px;font-weight:700;white-space:nowrap} .rp-console__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"orders cash" "orders qr" "stock feed";gap:12px} .rp-widget{border-radius:13px;border:1px solid var(--line);background:var(--widget-bg);padding:12px;min-width:0} .rp-widget__head{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 11.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px} .rp-widget__head i{color:var(--signal-2);font-size:13px} .rp-widget__count{padding:3px 7px;border-radius:6px;background:var(--signal-soft);color:var(--signal-2)} .rp-widget--orders{grid-area:orders} .rp-widget--cash{grid-area:cash} .rp-widget--qr{grid-area:qr} .rp-widget--stock{grid-area:stock} .rp-widget--feed{grid-area:feed} .rp-orders{display:grid;gap:7px} .rp-orders li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:var(--row-bg);border:1px solid var(--line)} .rp-orders .rp-mono{font-size:11.5px;color:var(--text-3)} .rp-orders__dev{display:grid;line-height:1.2;min-width:0} .rp-orders__dev b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rp-orders__dev small{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rp-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;font:600 10.5px/1 var(--font-mono);letter-spacing:.02em;white-space:nowrap;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent)} .rp-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor} .rp-status--proc{color:var(--st-proc)} .rp-status--ok{color:var(--st-ok)} .rp-status--wait{color:var(--st-wait)} .rp-status--part{color:var(--st-part)} .rp-status--bad{color:var(--st-bad)} .rp-cash__amount{font-size:22px;font-weight:600;color:var(--text-strong);letter-spacing:-.01em} .rp-cash__methods{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px} .rp-cash__methods span{font:500 10.5px/1 var(--font-mono);padding:4px 6px;border-radius:5px;background:var(--inset);color:var(--text-3)} .rp-spark{width:100%;height:40px} .rp-spark__area{fill:rgba(59,158,255,.14)} .rp-spark__line{fill:none;stroke:var(--signal-2);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;animation:rpDraw 1.6s .4s var(--ease) forwards} .rp-spark circle{fill:var(--signal-2)} @keyframes rpDraw{to{stroke-dashoffset:0}} .rp-qr{position:relative;width:62px;height:62px;border-radius:8px;background:#fff;float:left;margin-right:10px; background-image: linear-gradient(90deg,#0B131E 50%,transparent 50%),linear-gradient(#0B131E 50%,transparent 50%); background-size:8px 8px;background-color:#fff;} .rp-qr span{position:absolute;width:18px;height:18px;border:4px solid #0B131E;background:#fff;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #0B131E} .rp-qr span:nth-child(1){left:4px;top:4px} .rp-qr span:nth-child(2){right:4px;top:4px} .rp-qr span:nth-child(3){left:4px;bottom:4px} .rp-qr i{position:absolute;right:8px;bottom:8px;width:10px;height:10px;background:var(--signal);border-radius:2px} .rp-widget--qr p{font-size:12px;color:var(--text-2);line-height:1.4} .rp-widget--qr::after{content:"";display:block;clear:both} .rp-stock{display:grid;gap:8px} .rp-stock li{display:grid;grid-template-columns:minmax(0,1fr) 70px 22px;gap:8px;align-items:center;font-size:12px;color:var(--text-2)} .rp-stock li>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rp-stock .rp-mono{text-align:right;color:var(--text)} .rp-bar{height:6px;border-radius:6px;background:var(--track);overflow:hidden} .rp-bar i{display:block;height:100%;width:var(--w);border-radius:6px;background:linear-gradient(90deg,var(--signal),var(--signal-2))} .rp-bar--low i{background:linear-gradient(90deg,var(--st-proc),var(--solder))} .rp-feed{display:grid;gap:8px} .rp-feed li{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--text-2);line-height:1.35} .rp-feed i{color:var(--signal-2);margin-top:2px;width:14px;text-align:center} .rp-feed li.is-new{animation:rpFeedIn .5s var(--ease)} @keyframes rpFeedIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} /* ---------- Funciones (bento) ---------- */ .rp-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .rp-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--shadow-1);transition:border-color .25s,transform .25s var(--ease),background .25s;min-width:0} .rp-card:hover{border-color:rgba(122,208,255,.34);transform:translateY(-3px)} .rp-card h3{font-size:18px;font-weight:700} .rp-card p{color:var(--text-2);font-size:15px} .rp-card .rp-tags{margin-top:auto;padding-top:4px} .rp-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--signal-soft);border:1px solid rgba(122,208,255,.22);color:var(--signal-2);font-size:18px} .rp-card--xl{grid-column:span 2;grid-row:span 2} .rp-card--xl h3{font-size:24px} .rp-card--xl p{font-size:16px;max-width:46ch} .rp-card--wide{grid-column:span 2} .rp-card--accent{border-color:rgba(122,208,255,.3);background:var(--accent-bg)} .rp-card__link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--signal-2);margin-top:4px} .rp-card__link:hover{color:var(--text-strong)} .rp-card__link i{transition:transform .2s} .rp-card__link:hover i{transform:translateX(3px)} /* Ficha de orden (tarjeta grande de Funciones) */ .rp-card--xl .rp-tags{margin-top:0} .rp-ordermock{margin-top:auto;display:grid;gap:14px;padding:16px 16px 14px;border-radius:14px;border:1px dashed var(--line-3);background:var(--inset)} .rp-ordermock__head{display:flex;align-items:center;justify-content:space-between;gap:12px} .rp-ordermock__head .rp-mono{font-size:13px;color:var(--text-2)} .rp-ordermock__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0} .rp-ordermock__grid>div{display:grid;gap:5px;align-content:start;min-width:0} .rp-ordermock__grid dt{font:600 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)} .rp-ordermock__grid dd{margin:0;font-size:14.5px;color:var(--text);overflow-wrap:anywhere} .rp-pattern{display:block;width:56px;height:56px;padding:4px;border-radius:10px;background:var(--tag-bg);border:1px solid var(--tag-line)} .rp-pattern circle{fill:var(--text-3)} .rp-pattern polyline{fill:none;stroke:var(--signal-2);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round} .rp-ordermock__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px dashed var(--line-2);font:500 12px/1.3 var(--font-mono);color:var(--text-3)} .rp-ticket-mini__qr{width:38px;height:38px;border-radius:5px;background:#fff;background-image:linear-gradient(90deg,#0B131E 50%,transparent 50%),linear-gradient(#0B131E 50%,transparent 50%);background-size:6px 6px;flex:none} .rp-also{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-card)} .rp-also__label{font:600 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--solder);margin-right:6px} .rp-also ul{display:flex;flex-wrap:wrap;gap:8px} .rp-also li{font-size:14px;color:var(--text-2);padding:6px 11px;border-radius:var(--r-pill);border:1px solid var(--line-2)} /* ---------- Flujo conectado ---------- */ .rp-flow{position:relative} .rp-flow__track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;z-index:1} .rp-flow__track::before{content:"";position:absolute;left:8%;right:8%;top:35px;height:2px;background:linear-gradient(90deg,var(--trace),var(--trace-2),var(--trace));z-index:-1} .rp-flow__track button{width:100%;display:grid;justify-items:center;gap:12px;padding:0 4px 8px;border:0;background:transparent;color:var(--text-2)} .rp-flow__pad{position:relative;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--panel);border:1.5px solid var(--line-3);color:var(--text-2);font-size:22px;transition:border-color .3s,color .3s,box-shadow .3s,background .3s} .rp-flow__pad::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed rgba(122,208,255,.0);transition:border-color .3s} .rp-flow__name{font:700 15px/1.2 var(--font-display);font-stretch:108%} .rp-flow__track button:hover .rp-flow__pad{border-color:var(--signal-2);color:var(--text-strong)} .rp-flow__track button[aria-selected="true"]{color:var(--text-strong)} .rp-flow__track button[aria-selected="true"] .rp-flow__pad{border-color:var(--signal-2);background:var(--pad-active);color:var(--text-strong);box-shadow:0 0 0 6px rgba(59,158,255,.12),0 0 30px rgba(59,158,255,.45)} .rp-flow__track button[aria-selected="true"] .rp-flow__pad::after{border-color:var(--trace-pad);animation:rpSpin 9s linear infinite} .rp-flow__track button.is-done .rp-flow__pad{border-color:rgba(52,211,153,.55);color:var(--st-ok)} @keyframes rpSpin{to{transform:rotate(360deg)}} .rp-flow__signal{position:absolute;left:8%;right:8%;top:34px;height:4px;pointer-events:none;z-index:0} .rp-flow__signal i{position:absolute;left:0;top:0;width:var(--p,0%);height:4px;border-radius:4px;background:linear-gradient(90deg,var(--signal),var(--signal-2));box-shadow:0 0 12px rgba(122,208,255,.8);transition:width .8s var(--ease)} .rp-flow__panel{margin:34px auto 0;max-width:780px;padding:26px 28px;border-radius:var(--r-l);border:1px solid rgba(122,208,255,.26);background:var(--accent-bg);box-shadow:var(--shadow-1);display:grid;gap:12px;text-align:center;justify-items:center;min-height:210px} .rp-flow__panel h3{font-size:clamp(21px,2.4vw,26px);font-weight:800} .rp-flow__panel p{color:var(--text-2);max-width:56ch} .rp-flow__panel .rp-tags{justify-content:center} .rp-flow__step{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-2)} .rp-flow__panel.is-swapping>*{animation:rpSwap .45s var(--ease)} @keyframes rpSwap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} /* ---------- Comunidad ---------- */ .rp-community{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,6vw,72px);align-items:center} .rp-community__visual{position:relative;aspect-ratio:1;max-width:480px;width:100%;margin-inline:auto} .rp-network{width:100%;height:100%} .rp-network__links path{stroke:var(--trace-2);stroke-width:1.4;fill:none;stroke-dasharray:4 6;animation:rpDash 18s linear infinite} @keyframes rpDash{to{stroke-dashoffset:-200}} .rp-network__nodes circle{fill:var(--panel-2);stroke:var(--trace-pad);stroke-width:1.5} .rp-network__hub{fill:var(--hub-fill);stroke:var(--signal-2);stroke-width:2;filter:drop-shadow(0 0 22px rgba(59,158,255,.55))} .rp-network__label{font:800 26px var(--font-display);font-stretch:120%;fill:var(--text-strong)} .rp-network__tag{position:absolute;left:var(--x);top:var(--y);display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--panel);font-size:13px;font-weight:600;color:var(--text);box-shadow:var(--shadow-1);white-space:nowrap} .rp-network__tag i{color:var(--signal-2)} .rp-network__tag i.fa-youtube{color:#FF4E45} .rp-comm-list{display:grid;gap:14px;margin-bottom:24px} .rp-comm-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-card)} .rp-comm-list li>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--signal-soft);color:var(--signal-2);font-size:18px} .rp-comm-list li>i.fa-youtube{background:rgba(255,78,69,.12);color:#FF6B63} .rp-comm-list h3{font-size:16.5px;font-weight:700;margin-bottom:4px} .rp-comm-list p{color:var(--text-2);font-size:14.5px} /* ---------- Planes ---------- */ .rp-plans__tools{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-bottom:28px} .rp-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface-card)} .rp-seg button{padding:10px 14px;border:0;border-radius:10px;background:transparent;color:var(--text-2);font:600 13.5px/1 var(--font-body);transition:background .2s,color .2s} .rp-seg button:hover{color:var(--text-strong)} .rp-seg button[aria-pressed="true"]{background:var(--panel-3);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--line-3)} .rp-seg--dur button[aria-pressed="true"]{background:var(--signal-soft);box-shadow:inset 0 0 0 1px rgba(122,208,255,.5)} .rp-seg button .rp-save{margin-left:6px;font:600 10.5px/1 var(--font-mono);color:var(--st-ok)} .rp-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:920px;margin:0 auto} .rp-plans__loading,.rp-plans__error{grid-column:1/-1;text-align:center;color:var(--text-2);padding:40px 0} /* Ticket de servicio */ .rp-ticket{--notch:14px;position:relative;display:flex;flex-direction:column;border-radius:20px;background:var(--ticket-bg);border:1px solid var(--line-2);box-shadow:var(--shadow-2);overflow:hidden} .rp-ticket--pro{border-color:rgba(122,208,255,.5);background:var(--ticket-pro-bg)} .rp-ticket__top{padding:22px 24px 20px;display:grid;gap:14px} .rp-ticket__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 11.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)} .rp-ticket__meta .rp-ticket__no{color:var(--text-2)} .rp-ticket__name{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .rp-ticket__name h3{font-size:28px;font-weight:800;font-stretch:118%} .rp-ticket__badge{font:700 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:7px;background:#FFB547;color:#2A1700} .rp-ticket__price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .rp-ticket__amount{font:600 clamp(40px,5vw,52px)/1 var(--font-display);font-stretch:108%;letter-spacing:-.03em;color:var(--text-strong)} .rp-ticket__per{font:500 13px/1.2 var(--font-mono);color:var(--text-3)} .rp-ticket__save{font:600 12px/1 var(--font-mono);color:var(--st-ok);padding:5px 8px;border-radius:6px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3)} .rp-ticket__perf{position:relative;height:0;border-top:2px dashed var(--line-3);margin:0 18px} .rp-ticket__perf::before,.rp-ticket__perf::after{content:"";position:absolute;top:calc(var(--notch) * -1 - 1px);width:calc(var(--notch)*2);height:calc(var(--notch)*2);border-radius:50%;background:var(--bg-2);border:1px solid var(--line-2)} .rp-ticket__perf::before{left:calc(-18px - var(--notch))} .rp-ticket__perf::after{right:calc(-18px - var(--notch))} .rp-ticket__body{padding:20px 24px 24px;display:grid;gap:14px;flex:1} /* Las dos licencias quedan alineadas (precio, perforado y botón a la misma altura) */ @supports (grid-template-rows:subgrid){ .rp-ticket{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0} .rp-ticket__top{grid-template-rows:auto auto 1fr auto} .rp-ticket__body{grid-template-rows:auto auto 1fr;align-content:start} } .rp-ticket__specs{display:grid;gap:10px} .rp-ticket__specs li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-2)} .rp-ticket__specs li i{width:18px;text-align:center;color:var(--signal-2)} .rp-ticket__specs b{color:var(--text-strong);font-weight:600} .rp-ticket__extra{font-size:13.5px;color:var(--text-2);padding:10px 12px;border-radius:10px;background:rgba(122,208,255,.07);border:1px solid rgba(122,208,255,.16)} .rp-ticket__barcode{height:34px;margin-top:auto;border-radius:4px;opacity:.55;background:repeating-linear-gradient(90deg,var(--barcode) 0 2px,transparent 2px 4px,var(--barcode) 4px 5px,transparent 5px 8px,var(--barcode) 8px 11px,transparent 11px 13px)} .rp-ticket .rp-btn{margin-top:4px} .rp-compare{max-width:920px;margin:22px auto 0;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-card)} .rp-compare summary{display:flex;align-items:center;gap:10px;padding:15px 18px;cursor:pointer;font-weight:600;color:var(--text);list-style:none} .rp-compare summary::-webkit-details-marker{display:none} .rp-compare summary::after{content:"+";margin-left:auto;font:600 18px/1 var(--font-mono);color:var(--text-3)} .rp-compare[open] summary::after{content:"–"} .rp-compare summary i{color:var(--signal-2)} .rp-compare__wrap{overflow-x:auto;padding:0 18px 18px} .rp-compare__table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px} .rp-compare__table th,.rp-compare__table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line)} .rp-compare__table thead th{font:600 11.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)} .rp-compare__table td{color:var(--text-2);font-variant-numeric:tabular-nums} .rp-compare__table td b{color:var(--text-strong);font-family:var(--font-mono);font-weight:600} .rp-compare__table a{font-weight:600} .rp-paybar{max-width:920px;margin:22px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-card)} .rp-paybar__logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .rp-paybar__logos img{width:34px;height:34px;padding:4px;border-radius:9px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--line)} .rp-paybar__cash{font:700 11.5px/1 var(--font-body);padding:10px 9px;border-radius:9px;background:#00D632;color:#fff} /* ---------- Plataformas ---------- */ .rp-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .rp-platform{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--shadow-1);scroll-margin-top:calc(var(--header-h) + 20px)} .rp-platform__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:rgba(0,120,212,.16);border:1px solid rgba(0,120,212,.4);color:#4CB2FF;font-size:26px} .rp-platform__icon--android{background:rgba(61,220,132,.12);border-color:rgba(61,220,132,.4);color:#3DDC84} .rp-platform__icon--web{background:var(--solder-soft);border-color:rgba(255,181,71,.4);color:var(--solder)} .rp-platform__kicker{font:600 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:6px} .rp-platform h3{font-size:22px;font-weight:800} .rp-platform>p{color:var(--text-2)} .rp-platform__actions{display:grid;gap:10px;margin-top:auto;padding-top:8px} .rp-extras{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:28px} .rp-extras__label{font:600 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-right:4px} /* ---------- Confianza ---------- */ .rp-trust{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,40px);align-items:start} .rp-timeline{padding:24px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--surface-card)} .rp-timeline ol{position:relative;display:grid;gap:18px;padding-left:24px} .rp-timeline ol::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--signal-2),var(--trace))} .rp-timeline li{position:relative;display:grid;gap:4px} .rp-timeline li::before{content:"";position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--trace-pad)} .rp-timeline li.is-current::before{background:var(--signal-2);box-shadow:0 0 0 5px rgba(122,208,255,.15)} .rp-timeline__v{font-size:13px;font-weight:600;color:var(--text-strong)} .rp-timeline li p{font-size:14px;color:var(--text-2)} .rp-timeline li a{font-size:13px;font-weight:600;justify-self:start} .rp-trust__side{display:grid;gap:16px} .rp-shot{position:relative;display:block;padding:0;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--panel);cursor:zoom-in;text-align:left} .rp-shot img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s var(--ease),opacity .3s} .rp-shot:hover img{transform:scale(1.03)} .rp-shot span{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:7px;background:rgba(7,11,17,.82);font:600 11.5px/1.2 var(--font-mono);color:#E8EEF7} .rp-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .rp-mini{display:grid;gap:8px;align-content:start;padding:18px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-card)} .rp-mini>i{color:var(--signal-2);font-size:20px} .rp-mini h3{font-size:16px;font-weight:700} .rp-mini p{font-size:14px;color:var(--text-2)} .rp-live{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--r);border:1px solid rgba(52,211,153,.3);background:var(--live-bg)} .rp-live__flag img{width:48px;height:36px;border-radius:6px;object-fit:cover;background:var(--panel-3);box-shadow:0 0 0 1px var(--line-2)} .rp-live__hello{font:700 17px/1.2 var(--font-display);font-stretch:108%} .rp-live__stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:4px;font-size:14px;color:var(--text-2)} .rp-live__stats b{color:var(--text-strong)} .rp-live__note{font-size:13px;color:var(--st-ok);min-height:0;opacity:0;transition:opacity .4s} .rp-live__note.is-on{opacity:1} /* ---------- CTA final ---------- */ .rp-cta-band{padding:0 0 clamp(72px,9vw,110px)} .rp-cta-band__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,44px);border-radius:26px;border:1px solid rgba(122,208,255,.3);background:var(--cta-bg);box-shadow:var(--shadow-2)} .rp-cta-band .rp-lead{margin-top:8px} /* ---------- Footer ---------- */ .rp-footer{border-top:1px solid var(--line);background:var(--footer-bg);padding:56px 0 28px} .rp-footer__grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:28px} .rp-footer__brand{display:grid;gap:14px;align-content:start} .rp-footer__brand p{color:var(--text-3);font-size:14.5px;max-width:36ch} .rp-footer__social{display:flex;gap:8px} .rp-footer__social a{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);color:var(--text-2)} .rp-footer__social a:hover{color:var(--text-strong);background:var(--panel-2)} .rp-footer__col{display:grid;gap:10px;align-content:start} .rp-footer__col h2{font:600 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px} .rp-footer__col a,.rp-footer__btn{color:var(--text-2);font-size:14.5px;background:none;border:0;padding:0;text-align:left} .rp-footer__col a:hover,.rp-footer__btn:hover{color:var(--text-strong)} .rp-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--text-3)} .rp-footer__legal a{color:var(--text-3);text-decoration:underline;text-underline-offset:3px} .rp-footer__lang{display:flex;gap:4px} .rp-footer__lang button{padding:7px 10px;border-radius:8px;border:1px solid transparent;background:none;color:var(--text-3);font-size:13px} .rp-footer__lang button[aria-pressed="true"]{color:var(--text-strong);border-color:var(--line-2);background:var(--panel-2)} /* ---------- Flotantes ---------- */ #whatsapp-float{position:fixed;right:18px;bottom:92px;z-index:90;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--whatsapp);color:#fff;font-size:26px;box-shadow:0 14px 30px -10px rgba(37,211,102,.75);transition:transform .2s var(--ease)} #whatsapp-float:hover{transform:translateY(-2px) scale(1.05);color:#fff} .bubble-counter{position:fixed;right:18px;bottom:22px;z-index:90;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--float-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12.5px;color:var(--text-2);box-shadow:var(--shadow-1)} .bubble-counter .rp-mono{color:var(--text-strong)} .rp-promo{position:fixed;left:18px;bottom:22px;z-index:95;width:min(320px,calc(100vw - 36px));padding:18px;border-radius:18px;border:1px solid rgba(122,208,255,.35);background:var(--promo-bg);box-shadow:var(--shadow-2);display:grid;gap:8px;animation:rpPromo .45s var(--ease) both} .rp-promo__title{font:800 17px/1.2 var(--font-display);font-stretch:110%} .rp-promo__text{font-size:14px;color:var(--text-2)} .rp-promo .rp-btn{justify-self:start;margin-top:4px} .rp-promo__close{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:8px;border:0;background:transparent;color:var(--text-3)} .rp-promo__close:hover{background:var(--panel-3);color:var(--text-strong)} @keyframes rpPromo{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} /* ---------- Modales ---------- */ .rp-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px} .rp-modal__backdrop{position:absolute;inset:0;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rpFade .2s ease both} .rp-modal__card{position:relative;width:min(720px,100%);max-height:min(92vh,100%);overflow-y:auto;overscroll-behavior:contain;padding:24px;border-radius:22px;border:1px solid var(--line-2);background:var(--modal-bg);box-shadow:var(--shadow-2);animation:rpModalIn .28s var(--ease) both} .rp-modal__card--sm{width:min(460px,100%)} .rp-modal__card--lg{width:min(1040px,100%)} @keyframes rpModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}} .rp-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px} .rp-modal__head h2{font-size:22px;font-weight:800} .rp-modal__head p{color:var(--text-2);font-size:14.5px;margin-top:6px;max-width:60ch} .rp-modal__foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)} body.rp-lock{overflow:hidden} .rp-form{display:grid;gap:14px} .rp-form--grid{grid-template-columns:repeat(2,minmax(0,1fr))} .rp-span-2{grid-column:1/-1} .rp-field{display:grid;gap:7px;font-size:13.5px;font-weight:600;color:var(--text-2)} .rp-field input,.rp-field textarea,.rp-field select,.rp-search input{ width:100%;min-height:46px;padding:11px 13px;border-radius:12px;border:1px solid var(--line-2);background:var(--inset-2); color:var(--text);font-size:15px;font-weight:400;transition:border-color .2s,box-shadow .2s } .rp-field textarea{min-height:90px;resize:vertical} .rp-field input::placeholder,.rp-field textarea::placeholder,.rp-search input::placeholder{color:var(--placeholder)} .rp-field input:focus,.rp-field textarea:focus,.rp-search input:focus{outline:none;border-color:var(--signal-2);box-shadow:var(--focus)} .rp-field input[readonly]{color:var(--text-3);background:var(--inset)} .rp-field input[aria-invalid="true"]{border-color:var(--st-bad)} .rp-help{font-size:12.5px;font-weight:400;color:var(--text-3);line-height:1.45} .rp-form__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px} .rp-form__row .rp-linkbtn{margin-right:auto} .rp-form__alt{font-size:14px;color:var(--text-3);text-align:center} .rp-alert{display:none;padding:11px 13px;border-radius:11px;font-size:14px;line-height:1.45} .rp-alert.show{display:block} .rp-alert.ok{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);color:var(--alert-ok)} .rp-alert.err{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.4);color:var(--alert-err)} .rp-alert.info{background:var(--signal-soft);border:1px solid rgba(122,208,255,.35);color:var(--alert-info)} .rp-callout{font-size:13.5px;color:var(--callout-text);padding:12px 14px;border-radius:12px;background:var(--solder-soft);border:1px solid rgba(255,181,71,.3);line-height:1.5} .rp-callout b{color:var(--solder)} .rp-search{position:relative;flex:1;min-width:220px} .rp-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-3)} .rp-search input{padding-left:38px} .rp-subform{margin-top:14px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--inset)} /* Perfil */ .rp-profile{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px} .rp-profile__photo{display:grid;gap:10px;align-content:start;justify-items:center;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--inset);text-align:center} .rp-profile__avatar{width:120px;height:120px} .rp-profile__avatar img,.rp-profile__avatar .rp-avatar-fallback{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(122,208,255,.4);box-shadow:0 12px 30px -12px rgba(59,158,255,.6)} .rp-avatar-fallback{display:grid;place-items:center;background:linear-gradient(160deg,#2a4b75,#15263b);font:800 44px/1 var(--font-display);color:#fff} .rp-profile__main{display:grid;gap:16px;min-width:0} .rp-profile__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px} .rp-license{border-radius:18px;border:1px solid var(--line-2);background:var(--inset);overflow:hidden} .rp-license__head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface)} .rp-license__head h3{font-size:16px;font-weight:800} .rp-license__head p{font-size:12.5px;color:var(--text-3)} .rp-license__head .rp-btn{margin-left:auto} .rp-license__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:14px 16px} .rp-license__grid>div{padding:10px 12px;border-radius:11px;background:var(--widget-bg);border:1px solid var(--line);min-width:0} .rp-license__grid>div.is-big dd{font-size:18px;font-weight:700} .rp-license__grid dt{font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)} .rp-license__grid dd{margin:7px 0 0;font-size:14.5px;font-weight:600;color:var(--text-strong);overflow-wrap:anywhere} .rp-license__code{display:grid;gap:4px;padding:0 16px 14px;font-size:12.5px;color:var(--text-2);overflow-wrap:anywhere} .rp-pill{display:inline-block;padding:5px 9px;border-radius:7px;font:600 12px/1 var(--font-mono);background:var(--panel-3);color:var(--text)} .rp-pill.is-ok{background:rgba(52,211,153,.14);color:var(--st-ok);box-shadow:inset 0 0 0 1px rgba(52,211,153,.4)} .rp-pill.is-bad{background:rgba(248,113,113,.14);color:var(--st-bad);box-shadow:inset 0 0 0 1px rgba(248,113,113,.4)} .rp-pill.is-warn{background:rgba(245,194,75,.12);color:var(--st-wait);box-shadow:inset 0 0 0 1px rgba(245,194,75,.35)} .rp-history{padding:8px 16px 14px;font-size:14px;color:var(--text-2)} .rp-history__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;padding:10px 0;border-bottom:1px solid var(--line)} .rp-history__row:last-child{border-bottom:0} .rp-history__row b{color:var(--text-strong);font-family:var(--font-mono);font-weight:600} /* Pagos */ .rp-autopay{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;border:1px solid rgba(122,208,255,.45);background:var(--accent-bg);color:var(--text);margin-bottom:14px} .rp-autopay:hover{color:var(--text-strong);border-color:var(--signal-2)} .rp-autopay__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--signal);color:var(--signal-ink);font-size:18px;flex:none} .rp-autopay span:nth-child(2){display:grid;gap:4px;flex:1} .rp-autopay small{color:var(--text-2);font-size:13px;line-height:1.4} .rp-paylist{display:grid;gap:8px} .rp-paylist li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--inset)} .rp-paylist li img,.rp-paylist__glyph{width:40px;height:40px;padding:5px;border-radius:10px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--line)} .rp-paylist__glyph{display:grid;place-items:center;background:#00D632;color:#fff;font-size:17px} .rp-paylist li>div{display:grid;gap:2px;min-width:0} .rp-paylist li>div .rp-mono{font-size:13.5px;color:var(--text);overflow-wrap:anywhere} .rp-paylist li small{font-size:12px;color:var(--st-ok)} /* Tarjetas genéricas (publicidad, subastas, productos) */ .rp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:16px} .rp-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))} .rp-cards--auc{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))} .rp-biz,.rp-product,.rp-auc{display:grid;gap:8px;align-content:start;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--inset);min-width:0} .rp-biz h3,.rp-product h4,.rp-auc h3{font-size:17px;font-weight:800} .rp-biz p,.rp-product p{font-size:14px;color:var(--text-2)} .rp-biz .rp-row{margin-top:6px} .rp-product__price{font:700 18px/1 var(--font-display)!important;color:var(--text-strong)!important} .rp-empty{grid-column:1/-1;padding:28px;text-align:center;color:var(--text-3);border:1px dashed var(--line-2);border-radius:14px} .rp-auc{padding:0;overflow:hidden} .rp-auc__img{width:100%;height:160px;object-fit:cover;background:var(--panel-3)} .rp-auc__noimg{display:grid;place-items:center;height:160px;background:var(--panel-3);color:var(--text-3);font-size:13px} .rp-auc__pad{display:grid;gap:8px;padding:14px} .rp-auc__top{display:flex;align-items:center;justify-content:space-between;gap:8px} .rp-auc__price{font:700 20px/1 var(--font-display);color:var(--text-strong)} .rp-auc__meta{font-size:12.5px;color:var(--text-3)} .rp-auc__hist{display:grid;gap:4px;max-height:120px;overflow-y:auto;font-size:12.5px;color:var(--text-2);padding-top:8px;border-top:1px solid var(--line)} .rp-auc__count{font:600 12px/1 var(--font-mono);color:var(--solder)} .rp-deliz{padding:0} .rp-deliz__hero{display:grid;gap:12px;padding:28px;background:var(--deliz-bg);border-bottom:1px solid var(--line)} .rp-deliz__logo{font:800 13px/1 var(--font-mono);letter-spacing:.2em;color:var(--deliz-accent)} .rp-deliz__hero h2{font-size:clamp(24px,3vw,32px);font-weight:800} .rp-deliz__hero p{color:var(--text-2)} .rp-deliz__body{display:grid;gap:14px;padding:24px} /* Lightbox */ .rp-lightbox{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px;background:rgba(2,4,7,.92);opacity:0;transition:opacity .3s ease} .rp-lightbox.is-open{opacity:1} .rp-lightbox img{max-width:min(96vw,1600px);max-height:92vh;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 80px rgba(0,0,0,.6);object-fit:contain;transition:transform .3s var(--ease);cursor:zoom-in} .rp-lightbox img.is-zoomed{cursor:zoom-out} .rp-lightbox__close{position:absolute;top:16px;right:16px;z-index:1} /* Diálogo y toasts */ .rp-dialog__msg{color:var(--text-2);font-size:15px;white-space:pre-line} .rp-toasts{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:500;display:grid;gap:8px;width:min(420px,calc(100vw - 32px));pointer-events:none} .rp-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;border:1px solid var(--line-2);background:var(--toast-bg);box-shadow:var(--shadow-2);font-size:14px;animation:rpToast .3s var(--ease) both} .rp-toast i{color:var(--signal-2)} .rp-toast.is-ok i{color:var(--st-ok)} .rp-toast.is-err i{color:var(--st-bad)} .rp-toast.is-out{animation:rpToastOut .25s ease both} @keyframes rpToast{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}} @keyframes rpToastOut{to{opacity:0;transform:translateY(-8px)}} /* ---------- Aparición al hacer scroll ---------- */ /* Solo un leve desplazamiento: el contenido siempre es visible, aunque el observador no llegue a dispararse */ .js .rp-reveal{transform:translateY(14px);transition:transform .8s var(--ease)} .js .rp-reveal.is-in{transform:none} /* ---------- Selector de tema ---------- */ .rp-theme{position:relative} .rp-theme__btn{gap:6px} .rp-theme__btn>i:first-child{font-size:13px;color:var(--signal-2)} .rp-theme__menu{min-width:250px} .rp-theme__opt{display:flex;align-items:flex-start;gap:11px;text-align:left} .rp-theme__opt>i{width:16px;margin-top:3px;text-align:center;color:var(--text-3)} .rp-theme__menu button[aria-checked="true"] .rp-theme__opt>i{color:var(--signal-2)} .rp-theme__hint{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:var(--text-3)} .rp-drawer__prefs{display:grid;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)} .rp-drawer__theme{display:flex;gap:6px} .rp-drawer__theme button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 4px;border-radius:10px;border:1px solid var(--line-2);background:transparent;font:600 13px/1 var(--font-body);color:var(--text-2)} .rp-drawer__theme button[aria-pressed="true"]{background:var(--signal-soft);border-color:var(--signal);color:var(--text-strong)} .rp-footer__theme button i{margin-right:2px;font-size:12px} /* Cambio de tema suave cuando se elige a mano */ .rp-theme-fade,.rp-theme-fade *,.rp-theme-fade *::before,.rp-theme-fade *::after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,fill .35s ease,stroke .35s ease,box-shadow .35s ease!important} /* ---------- Carrusel de capturas ---------- Cinta continua como la de la versión anterior: dos copias iguales y se desplaza la mitad. Se detiene al pasar el mouse o con el teclado, y cuando no está en pantalla. */ .rp-strip{position:relative;padding:0 0 clamp(8px,2vw,24px)} .rp-strip__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:14px} .rp-strip__title{font:600 12.5px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal-2)} .rp-strip__note{font-size:13px;color:var(--text-3)} .rp-strip__viewport{overflow:hidden;padding:6px 0 14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .rp-strip__track{display:flex;width:max-content;animation:rpMarquee 90s linear infinite} .rp-strip__viewport:hover .rp-strip__track,.rp-strip__viewport:focus-within .rp-strip__track{animation-play-state:paused} .rp-strip__set{display:flex;gap:16px;padding-right:16px} .rp-strip__item{width:clamp(250px,24vw,340px);flex:none;box-shadow:var(--shadow-1)} .rp-strip__item:focus-visible{box-shadow:var(--focus)} @keyframes rpMarquee{to{transform:translateX(-50%)}} /* ---------- Ajustes solo del tema claro ---------- */ :root[data-theme="light"] .rp-platform__icon{color:#0A6CD1} :root[data-theme="light"] .rp-platform__icon--android{color:#12994F} :root[data-theme="light"] .rp-platform__icon--web{color:var(--solder)} :root[data-theme="light"] .rp-comm-list li>i.fa-youtube,:root[data-theme="light"] .rp-network__tag i.fa-youtube{color:#D93025} :root[data-theme="light"] .rp-card:hover{border-color:rgba(10,108,209,.35)} :root[data-theme="light"] .rp-btn--primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 24px -12px rgba(10,108,209,.55)} :root[data-theme="light"] .rp-ticket--pro{border-color:rgba(10,108,209,.45)} /* ---------- Responsive ---------- */ @media (max-width:1180px){ .rp-nav a{padding:9px 9px;font-size:14.5px} .rp-bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense} .rp-card--xl{grid-column:span 2;grid-row:auto} } @media (max-width:1060px){ .rp-utility__support{display:none} .rp-utility__inner{justify-content:flex-end} .rp-nav,.rp-mainbar__actions .rp-only-guest,.rp-mainbar__actions .rp-account{display:none!important} .rp-burger{display:flex} .rp-hero__grid{grid-template-columns:minmax(0,1fr)} .rp-hero__title{font-size:clamp(30px,6.2vw,58px);font-size:clamp(26px,8.6cqi,64px)} .rp-hero__visual{max-width:680px} .rp-console{transform:none} .rp-hero__visual:hover .rp-console{transform:none} .rp-community{grid-template-columns:minmax(0,1fr)} .rp-community__visual{max-width:400px;order:2} .rp-trust{grid-template-columns:minmax(0,1fr)} .rp-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)} .rp-footer__brand{grid-column:1/-1} .rp-dock__grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:860px){ .rp-bento{grid-template-columns:repeat(2,minmax(0,1fr))} .rp-card--xl,.rp-card--wide{grid-column:span 2} .rp-platforms{grid-template-columns:minmax(0,1fr)} .rp-flow__track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px} .rp-flow__track::before,.rp-flow__signal{display:none} .rp-license__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .rp-profile{grid-template-columns:minmax(0,1fr)} .rp-profile__photo{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;align-items:center} .rp-profile__avatar{grid-row:span 3} .rp-cards--3{grid-template-columns:minmax(0,1fr)} } @media (max-width:640px){ :root{--header-h:62px} .rp-utility{display:none} .rp-header{top:0} .rp-mainbar__cta{display:none} .rp-logo__text small{display:none} .rp-hero__title{font-size:clamp(26px,7.6vw,40px);font-size:clamp(26px,8.6cqi,48px)} .rp-hero__ctas{display:grid;width:100%} .rp-hero__ctas .rp-btn{width:100%} .rp-console__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"orders" "qr" "cash"} .rp-widget--stock,.rp-widget--feed{display:none} .rp-hero__caption{text-align:left} .rp-bento{grid-template-columns:minmax(0,1fr)} .rp-card--xl,.rp-card--wide{grid-column:auto} .rp-plans{grid-template-columns:minmax(0,1fr)} .rp-seg--dur{justify-content:center} .rp-flow__track{grid-template-columns:repeat(2,minmax(0,1fr))} .rp-flow__pad{width:60px;height:60px;font-size:19px} .rp-flow__panel{padding:22px 18px} .rp-support-grid{grid-template-columns:minmax(0,1fr)} .rp-form--grid{grid-template-columns:minmax(0,1fr)} .rp-dock__grid{grid-template-columns:minmax(0,1fr)} .rp-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .rp-modal{padding:0;align-items:end} .rp-modal__card{border-radius:22px 22px 0 0;max-height:94vh;padding:20px 18px 24px} .rp-paylist li{grid-template-columns:36px minmax(0,1fr);} .rp-paylist li>.rp-btn{grid-column:1/-1;width:100%} .rp-license__head{flex-wrap:wrap} .rp-license__head .rp-btn{margin-left:0;width:100%} .rp-profile__actions .rp-btn{flex:1 1 calc(50% - 10px)} .bubble-counter{display:none} #whatsapp-float{right:12px;bottom:16px} .rp-promo{left:12px;right:76px;bottom:16px;width:auto} .rp-network__tag{font-size:12px;padding:6px 9px} } /* Consola de ejemplo en columnas angostas: se oculta el N.º de orden para que el equipo se lea completo */ @media (min-width:1061px) and (max-width:1279px),(max-width:380px){ .rp-orders li{grid-template-columns:minmax(0,1fr) auto} .rp-orders li>.rp-mono{display:none} } /* Animaciones fuera de pantalla: en pausa */ .rp-anim-off,.rp-anim-off *,.rp-anim-off *::before,.rp-anim-off *::after{animation-play-state:paused!important} /* ---------- Movimiento reducido ---------- */ @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} .js .rp-reveal{transform:none} .rp-console{transform:none} .rp-traces__pulse{display:none} .rp-spark__line{stroke-dashoffset:0} .rp-strip__track{animation:none} .rp-strip__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none} .rp-strip__set[aria-hidden="true"]{display:none} }