:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#f0f3f8;--text:#172033;--muted:#6f7788;--border:#e3e7ef;--primary:#5b5bd6;--primary-dark:#4545b7;--success:#168a5b;--danger:#c43b46;--warning:#b67512;--shadow:0 18px 50px rgba(31,41,55,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#5b5bd6,#0ea5e9);font-weight:900;box-shadow:0 10px 25px rgba(91,91,214,.28)}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:.9rem}.btn{border:0;border-radius:11px;padding:.78rem 1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:750;transition:.2s;background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(31,41,55,.09)}.btn.primary{background:linear-gradient(135deg,var(--primary),#7777ee);color:#fff;box-shadow:0 10px 25px rgba(91,91,214,.25)}.btn.danger{background:var(--danger);color:#fff;box-shadow:none}.btn.ghost{background:#fff}.btn.white{background:#fff;color:#26267c;box-shadow:none}.btn.wide{width:100%}.btn.large{padding:1rem 1.4rem;border-radius:14px}.btn.small{padding:.52rem .72rem;font-size:.82rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:850;color:var(--primary)}.muted,small{color:var(--muted)}.alert,.floating-alert{padding:.9rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:650}.alert.success,.floating-alert.success{background:#e7f8f0;color:#116944;border:1px solid #b8e7d2}.alert.error,.floating-alert.error{background:#fff0f1;color:#9c2430;border:1px solid #f0c7cb}.floating-alert{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:1000;box-shadow:var(--shadow);background:#fff;min-width:min(90vw,440px)}.notice{padding:1rem;border-radius:14px;background:#f1f3ff;border:1px solid #dfe1ff;margin-top:1rem}.notice p{margin:.25rem 0 0;color:var(--muted)}.notice.warning{background:#fff9e9;border-color:#f0dfac}.status{display:inline-flex;align-items:center;border-radius:999px;padding:.26rem .58rem;font-size:.73rem;font-weight:800;text-transform:capitalize;background:#edf0f5;color:#637083}.status.active,.status.approved,.status.completed,.status.installed,.status.paid{background:#e3f7ee;color:#13704a}.status.pending,.status.trial,.status.uploaded,.status.new,.status.confirmed{background:#fff4d8;color:#946316}.status.inactive,.status.rejected,.status.failed,.status.cancelled,.status.suspended{background:#fde8ea;color:#a52d39}.status.shipped{background:#e9efff;color:#3158ad}label{display:grid;gap:.42rem;font-size:.85rem;font-weight:700;color:#384153}input,textarea,select{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);padding:.78rem .85rem;border-radius:10px;outline:none;transition:.18s}input:focus,textarea:focus,select:focus{border-color:#8b8be9;box-shadow:0 0 0 3px rgba(91,91,214,.12)}textarea{resize:vertical}.check{display:flex;align-items:center;gap:.6rem}.check input{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.span-2{grid-column:span 2}.stack-form{display:grid;gap:1rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}fieldset{border:1px solid var(--border);border-radius:14px;padding:1rem;display:grid;gap:.9rem}legend{font-weight:800;padding:0 .4rem}.inline-form,.inline-actions,.verify-form div{display:flex;gap:.55rem;align-items:center}.inline-actions{flex-wrap:wrap}.text-link,.link-danger{border:0;background:none;padding:0;color:var(--primary);font-weight:750}.link-danger{color:var(--danger)}hr{border:0;border-top:1px solid var(--border);margin:1.25rem 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.88rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td{font-size:.88rem}td small{display:block;margin-top:.2rem}.empty-state{padding:2.2rem;text-align:center;color:var(--muted);border:1px dashed #ccd2de;border-radius:14px;background:#fafbfd}.avatar-letter{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ececff;color:#4c4cb5;font-weight:900}.list-stack{display:grid}.list-item{display:flex;gap:.75rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:0}.list-item>div{min-width:0;flex:1}.list-item strong{display:block}.list-item p{margin:.15rem 0 0;color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}.list-item time{font-size:.76rem;color:var(--muted)}
/* Dashboard */.dashboard-body{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:#111728;color:#d5daea;padding:1rem;display:flex;flex-direction:column;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.5rem .55rem 1.2rem;color:#fff;font-weight:850}.sidebar nav{display:grid;gap:.26rem}.sidebar nav a{padding:.75rem .8rem;border-radius:10px;color:#aeb7cd;font-weight:650;font-size:.9rem}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#242c43}.sidebar-user{margin-top:auto;padding:.85rem;border-radius:13px;background:#1b2236;display:flex;gap:.75rem;align-items:center}.sidebar-user>div{min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{text-transform:capitalize}.sidebar-user>a{font-size:1.3rem}.dashboard-main{margin-left:254px;min-height:100vh}.topbar{height:88px;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(245,247,251,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:25;border-bottom:1px solid rgba(227,231,239,.8)}.topbar h1{font-size:1.45rem;margin:0}.topbar p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.menu-toggle{display:none;border:0;background:none;font-size:1.35rem}.page-content{padding:1.6rem 2rem 3rem;max-width:1600px;margin:auto}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 4px 15px rgba(31,41,55,.025)}.panel-card h2{font-size:1.05rem;margin:0 0 1rem}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.panel-heading h2{margin:0}.panel-heading p{margin:.22rem 0 0;color:var(--muted);font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.stat-card{padding:1.2rem;background:#fff;border:1px solid var(--border);border-radius:16px}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:1.75rem;margin:.35rem 0}.content-grid{display:grid;gap:1rem;margin-bottom:1rem}.content-grid.two{grid-template-columns:1fr 1fr}.admin-split{grid-template-columns:minmax(0,1fr) 340px}.card-editor-grid{grid-template-columns:minmax(0,1fr) 330px}.span-main{grid-column:1/-1}.sticky{position:sticky;top:105px;align-self:start}.share-box{padding:1rem;border-radius:14px;background:#f3f4ff;display:flex;gap:1rem;align-items:center}.share-box>div{flex:1;min-width:0}.share-box span,.share-box strong{display:block}.share-box strong{font-size:.87rem;overflow-wrap:anywhere}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.quick-actions a,.text-link{font-size:.85rem;font-weight:750;color:var(--primary)}.plan-summary{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin-bottom:1rem}.plan-summary strong{font-size:1.25rem}.quick-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.quick-admin-grid a{padding:1rem;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.quick-admin-grid strong,.quick-admin-grid span{display:block}.quick-admin-grid span{font-size:.8rem;color:var(--muted);margin-top:.3rem}.search-form{display:flex;gap:.5rem}.search-form input{min-width:230px}.phone-preview{min-height:430px;border-radius:27px;padding:5rem 1.25rem 1.25rem;text-align:center;overflow:hidden;position:relative;background:linear-gradient(150deg,var(--card-primary),var(--card-secondary));color:#fff;margin-bottom:1rem;box-shadow:0 24px 50px rgba(0,0,0,.17)}.preview-cover{width:82px;height:82px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#fff;color:var(--card-primary);font-size:2rem;font-weight:900;border:4px solid rgba(255,255,255,.4);overflow:hidden}.preview-cover img{width:100%;height:100%;object-fit:cover}.phone-preview h3{font-size:1.35rem;margin:1rem 0 .25rem}.phone-preview p{margin:0;opacity:.82}.preview-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1.5rem}.preview-buttons span{padding:.7rem;background:rgba(255,255,255,.18);border-radius:11px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.theme-option input{position:absolute;opacity:0}.theme-option{cursor:pointer}.theme-option .theme-canvas{border:3px solid transparent}.theme-option input:checked+.theme-canvas{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.15)}.theme-canvas{height:150px;border-radius:15px;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.theme-canvas i{width:42px;height:42px;border-radius:50%;position:absolute;top:18px;left:18px;background:rgba(255,255,255,.8)}.theme-canvas b,.theme-canvas small{display:block;position:relative}.repeat-list{display:grid;gap:.7rem}.repeat-row{display:grid;grid-template-columns:1fr 1.4fr 38px;gap:.6rem}.remove-row{border:0;background:#fff0f1;color:var(--danger);border-radius:9px;font-size:1.2rem}.product-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-admin-card{display:grid;grid-template-columns:120px 1fr;gap:1rem;border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:.75rem}.product-admin-card img,.product-placeholder{width:120px;height:120px;object-fit:cover;border-radius:10px}.product-placeholder{display:grid;place-items:center;background:var(--surface-2);font-size:2rem}.product-admin-card h3{margin:.55rem 0 .2rem}.product-admin-card p{margin:0;color:var(--muted)}.message-list{display:grid;gap:.8rem}.message-card{border:1px solid var(--border);border-radius:14px;padding:1rem}.message-card.unread{border-color:#a8a8ee;background:#fafaff}.message-card header{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem}.message-card header div:nth-child(2){flex:1}.message-card h3,.message-card header p{margin:0}.message-card>p{color:#4c5567}.verify-form{display:grid;gap:.55rem;min-width:180px}.plan-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.plan-admin-grid article{padding:1rem;border:1px solid var(--border);border-radius:14px}.plan-admin-grid h3{margin:.65rem 0 .25rem}.plan-admin-grid>article>strong{font-size:1.35rem}.plan-admin-grid ul{padding-left:1.1rem;color:var(--muted);font-size:.85rem}.landing-mini-preview{min-height:330px;border-radius:20px;padding:2rem;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 85% 15%,var(--landing-secondary),transparent 35%),linear-gradient(140deg,var(--landing-primary),#1b1b50);margin:1.2rem 0}.landing-mini-preview span{font-weight:800}.landing-mini-preview h3{font-size:2rem;line-height:1.05;margin:2rem 0 .8rem}.landing-mini-preview p{opacity:.8}.landing-mini-preview b{align-self:flex-start;background:#fff;color:var(--landing-primary);padding:.7rem 1rem;border-radius:10px}
/* Auth & installer */.auth-page,.install-page{min-height:100vh;background:#f5f7fb}.auth-logo{position:fixed;top:1.5rem;left:2rem;display:flex;align-items:center;gap:.7rem;font-weight:850;z-index:5}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{padding:7rem 7vw 4rem;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 20% 10%,#4a4abd 0,transparent 25%),radial-gradient(circle at 90% 70%,#0ea5e9 0,transparent 24%),#111728}.auth-visual h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;max-width:650px;margin:1rem 0}.auth-visual p{font-size:1.1rem;max-width:550px;color:#c7cede}.mini-cards{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.mini-cards span{padding:.6rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06)}.auth-form-wrap{display:grid;place-items:center;padding:6rem 2rem 3rem}.auth-card{width:min(100%,470px)}.auth-card h2{font-size:2.1rem;margin:.6rem 0 .3rem}.auth-card>p{color:var(--muted);margin:0 0 1.5rem}.auth-switch{text-align:center;margin-top:1.2rem!important}.auth-switch a{color:var(--primary);font-weight:800}.install-page{display:grid;place-items:center;padding:2rem}.install-card{width:min(100%,760px);padding:2rem;background:#fff;border-radius:22px;box-shadow:var(--shadow)}.install-card h1{margin:.9rem 0 .3rem}.install-card>p{color:var(--muted)}
/* Public landing */.public-body{background:#fff}.public-header{height:78px;padding:0 max(4vw,1.2rem);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);z-index:40;border-bottom:1px solid #edf0f5}.public-logo{display:flex;align-items:center;gap:.7rem;font-weight:900}.public-header nav{display:flex;align-items:center;gap:1.2rem;font-weight:650}.hero-section{min-height:690px;padding:7rem max(5vw,1.5rem);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4rem;overflow:hidden;background:linear-gradient(180deg,#fff 0,#f6f7ff 100%)}.hero-copy h1{font-size:clamp(3rem,6vw,6.8rem);line-height:.92;letter-spacing:-.055em;margin:1rem 0 1.3rem;max-width:900px}.hero-copy>p{font-size:1.2rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:.8rem;margin-top:2rem}.trust-row{display:flex;gap:1.3rem;flex-wrap:wrap;margin-top:2rem;color:#5f6878;font-size:.88rem}.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}.hero-phone{width:290px;min-height:500px;padding:0 1.2rem 1.2rem;border-radius:42px;background:#fff;box-shadow:0 45px 100px rgba(43,50,100,.22);text-align:center;position:relative;z-index:2;transform:rotate(4deg);border:7px solid #151828}.hero-phone-cover{height:150px;margin:0 -1.2rem;background:linear-gradient(135deg,var(--landing-primary),var(--landing-secondary));border-radius:34px 34px 30px 30px}.hero-phone-avatar{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;margin:-45px auto 0;background:#fff;color:var(--landing-primary);font-size:2.2rem;font-weight:900;border:5px solid #fff;box-shadow:0 8px 25px rgba(0,0,0,.12)}.hero-phone h3{font-size:1.3rem;margin:.8rem 0 .2rem}.hero-phone p{margin:0;color:var(--muted)}.hero-phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.2rem 0}.hero-phone-actions span,.hero-phone-link{padding:.72rem;border-radius:11px;background:#f0f1ff;color:#4949ab;font-weight:750;font-size:.84rem}.hero-phone-link{margin:.5rem 0;text-align:left;background:#f6f7fa;color:#3a4354}.hero-metric{position:absolute;right:6%;bottom:14%;z-index:3;padding:1rem 1.3rem;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.hero-metric strong,.hero-metric span{display:block}.hero-metric strong{font-size:1.6rem;color:var(--landing-primary)}.floating-dot{position:absolute;border-radius:50%;filter:blur(2px)}.floating-dot.one{width:240px;height:240px;background:#cfd0ff;top:1%;left:5%}.floating-dot.two{width:170px;height:170px;background:#bcecff;bottom:3%;right:5%}.logo-strip{padding:1.2rem max(5vw,1.5rem);display:flex;justify-content:space-around;gap:1rem;flex-wrap:wrap;border-block:1px solid #edf0f5;color:#8a91a0;font-weight:800}.features-section,.workflow-section,.plans-section,.examples-section{padding:7rem max(5vw,1.5rem)}.section-heading{text-align:center;max-width:760px;margin:0 auto 3rem}.section-heading h2{font-size:clamp(2.2rem,4vw,4.3rem);line-height:1;margin:1rem 0}.section-heading p{font-size:1.05rem;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1300px;margin:auto}.feature-grid article{padding:1.5rem;border:1px solid #e8ebf1;border-radius:20px;background:#fff}.feature-grid i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eeeeff;color:var(--landing-primary);font-style:normal;font-size:1.4rem}.feature-grid h3{font-size:1.2rem;margin:1.2rem 0 .45rem}.feature-grid p{color:var(--muted);margin:0}.themes-section{padding:7rem max(5vw,1.5rem);background:#111728}.section-heading.light{color:#fff}.section-heading.light p{color:#aeb7cc}.theme-showcase{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:1400px;margin:auto}.theme-tile{position:relative}.theme-tile>span{position:absolute;right:.7rem;top:.6rem;z-index:2;color:rgba(255,255,255,.7);font-weight:900}.theme-tile .theme-canvas{height:230px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1150px;margin:auto}.workflow-grid article{padding:2rem;border-left:1px solid var(--border)}.workflow-grid b{font-size:3rem;color:#d7d9e4}.workflow-grid h3{font-size:1.35rem}.workflow-grid p{color:var(--muted)}.plans-section{background:#f7f8fc}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1150px;margin:auto;align-items:center}.pricing-card{padding:2rem;background:#fff;border:1px solid var(--border);border-radius:22px;position:relative}.pricing-card.featured{padding:2.6rem 2rem;border-color:#8d8dea;box-shadow:0 30px 70px rgba(91,91,214,.14)}.popular{position:absolute;right:1.2rem;top:1.2rem;background:#ececff;color:#4d4db6;padding:.35rem .6rem;border-radius:999px;font-size:.73rem;font-weight:850}.pricing-card h3{font-size:1.35rem}.pricing-card>p{color:var(--muted);min-height:48px}.price{font-size:2rem;font-weight:900;margin:1.5rem 0}.price small{font-size:.8rem}.pricing-card ul{padding:0;list-style:none;display:grid;gap:.7rem;color:#596273;min-height:150px}.example-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.example-card .theme-canvas{height:220px}.cta-section{margin:0 max(4vw,1rem) 4rem;padding:3rem 4rem;border-radius:28px;background:linear-gradient(135deg,var(--landing-primary),#22226b 55%,var(--landing-secondary));color:#fff;display:flex;justify-content:space-between;gap:2rem;align-items:center}.cta-section h2{font-size:clamp(2rem,4vw,4rem);line-height:1;max-width:850px;margin:.7rem 0 0}.public-footer{padding:2.5rem max(5vw,1.5rem);display:flex;justify-content:space-between;background:#111728;color:#fff}.public-footer p{color:#9ca6bc}.public-footer>div:last-child{display:flex;gap:1rem}
/* Mini themes */.theme-mini-aurora .theme-canvas,.theme-aurora.phone-preview{background:radial-gradient(circle at 75% 20%,#75e9ff,transparent 28%),linear-gradient(140deg,#6a4cff,#1f1a58);color:#fff}.theme-mini-minimal .theme-canvas,.theme-minimal.phone-preview{background:#fff;color:#111;border:1px solid #dcdcdc}.theme-mini-minimal .theme-canvas i{border-radius:0;background:#111}.theme-mini-executive .theme-canvas,.theme-executive.phone-preview{background:linear-gradient(160deg,#0c1825,#213b54);color:#e8edf2}.theme-mini-neon .theme-canvas,.theme-neon.phone-preview{background:#070712;color:#68ffdf;box-shadow:inset 0 0 30px rgba(99,255,220,.18)}.theme-mini-neon .theme-canvas i{border:2px solid #ff4bc1;background:transparent}.theme-mini-nature .theme-canvas,.theme-nature.phone-preview{background:linear-gradient(160deg,#ddebd4,#6c8b5a);color:#193019}.theme-mini-editorial .theme-canvas,.theme-editorial.phone-preview{background:#f0e9df;color:#221b18}.theme-mini-editorial .theme-canvas i{border-radius:0;width:60px;height:70px;background:#d44a35}.theme-mini-glass .theme-canvas,.theme-glass.phone-preview{background:radial-gradient(circle at 10% 10%,#ffb4d7,transparent 30%),radial-gradient(circle at 90% 80%,#8cdcff,transparent 35%),#7c70d8;color:#fff}.theme-mini-luxury .theme-canvas,.theme-luxury.phone-preview{background:linear-gradient(150deg,#0b0a09,#312718);color:#e6c97c}.theme-mini-retro .theme-canvas,.theme-retro.phone-preview{background:linear-gradient(#ef7956 0 33%,#f7cf65 33% 66%,#4e9788 66%);color:#37251f}.theme-mini-creative .theme-canvas,.theme-creative.phone-preview{background:conic-gradient(from 20deg,#ff5f6d,#ffc371,#6a82fb,#fc5c7d);color:#fff}.theme-mini-creative .theme-canvas i{border-radius:35% 65% 60% 40%}.theme-mini-luxury .theme-canvas i{background:#c7a854}.theme-mini-executive .theme-canvas i{border-radius:8px;background:#8095aa}
/* Public digital card */.digital-card{min-height:100vh;background:#eef1f6}.card-page{min-height:100vh;padding:3rem 1rem}.profile-shell{max-width:760px;margin:auto;background:#fff;overflow:hidden;border-radius:30px;box-shadow:0 35px 100px rgba(15,23,42,.15)}.profile-cover{height:250px;background:linear-gradient(135deg,var(--card-primary),var(--card-secondary));background-position:center;background-size:cover}.profile-main{padding:0 2rem 2rem;text-align:center;position:relative}.profile-avatar{width:132px;height:132px;border-radius:50%;margin:-66px auto 0;border:7px solid #fff;background:var(--card-primary);color:#fff;display:grid;place-items:center;font-size:3rem;font-weight:900;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-kicker{display:block;margin-top:1.1rem;font-size:.74rem;letter-spacing:.13em;font-weight:850;color:var(--card-primary);text-transform:uppercase}.profile-intro h1{font-size:2.5rem;line-height:1;margin:.7rem 0 .45rem}.profile-role{color:var(--muted);font-weight:700}.profile-bio{max-width:580px;margin:1rem auto;color:#4f5868}.primary-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}.primary-actions a{padding:.75rem 1rem;border-radius:12px;background:var(--card-primary);color:#fff;font-weight:800}.social-row{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.social-row a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f0f2f6;font-size:.72rem;font-weight:900}.profile-content{padding:0 2rem 2rem}.card-section{padding:1.5rem 0;border-top:1px solid #eceef2}.card-section h2{font-size:1.1rem}.custom-links{display:grid;gap:.7rem}.custom-links h2{margin-bottom:.3rem}.custom-links a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border:1px solid #e3e6ec;border-radius:13px;font-weight:750}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.detail-grid>*{padding:1rem;background:#f6f7fa;border-radius:13px}.detail-grid small,.detail-grid strong{display:block}.detail-grid strong{overflow-wrap:anywhere}.store-banner{padding:1.5rem;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--card-primary),var(--card-secondary));display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 2rem}.store-banner h2{margin:.25rem 0}.store-banner p{margin:0;opacity:.8}.store-banner a{background:#fff;color:var(--card-primary);padding:.8rem 1rem;border-radius:11px;font-weight:850;white-space:nowrap}.message-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem}.message-section h2{font-size:2rem;margin:.3rem 0}.message-section>div p{color:var(--muted)}.message-section form{display:grid;gap:.8rem}.message-section button{padding:.85rem;border:0;border-radius:11px;background:var(--card-primary);color:#fff;font-weight:850}.card-footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem 2rem;background:#f4f5f8;color:var(--muted);font-size:.8rem}.card-footer a{color:var(--card-primary);font-weight:800}
/* Ten full card layouts */.theme-minimal{background:#f5f5f3}.theme-minimal .profile-shell{border-radius:0;box-shadow:none;border:1px solid #222;max-width:820px}.theme-minimal .profile-cover{height:90px;background:#111!important}.theme-minimal .profile-avatar{border-radius:0;width:115px;height:145px;margin:-30px 0 0;border:4px solid #fff;background:#111}.theme-minimal .profile-main{text-align:left;display:grid;grid-template-columns:140px 1fr;column-gap:1.2rem}.theme-minimal .profile-intro{padding-top:1.4rem}.theme-minimal .profile-intro h1{font-family:Georgia,serif;font-weight:500}.theme-minimal .primary-actions,.theme-minimal .social-row{grid-column:1/-1;justify-content:flex-start}.theme-minimal .primary-actions a{border-radius:0;background:#111}.theme-minimal .custom-links a,.theme-minimal .detail-grid>*{border-radius:0}.theme-executive{background:#0d1722}.theme-executive .profile-shell{background:#132331;color:#e9eef3;border-radius:10px}.theme-executive .profile-cover{height:170px;background:linear-gradient(135deg,#172b3d,#344c62)!important}.theme-executive .profile-main{text-align:left;padding-left:2.5rem}.theme-executive .profile-avatar{margin:-55px 0 0;border-radius:12px;background:#8095aa}.theme-executive .profile-intro h1{font-family:Georgia,serif}.theme-executive .profile-bio,.theme-executive .profile-role,.theme-executive small{color:#aebbc7}.theme-executive .primary-actions,.theme-executive .social-row{justify-content:flex-start}.theme-executive .profile-content{background:#e9eef1;color:#172431}.theme-neon{background:#05050a}.theme-neon .profile-shell{background:#0c0c16;color:#eafffa;border:1px solid #38ffda;box-shadow:0 0 55px rgba(56,255,218,.17)}.theme-neon .profile-cover{background:repeating-linear-gradient(90deg,transparent 0 49px,rgba(56,255,218,.13) 50px),repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,70,196,.12) 50px),#090915!important}.theme-neon .profile-avatar{border:3px solid #ff46c4;background:#0c0c16;box-shadow:0 0 25px #ff46c4}.theme-neon .profile-intro h1{text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 18px #38ffda}.theme-neon .primary-actions a,.theme-neon .message-section button{background:transparent;border:1px solid #38ffda;color:#38ffda;box-shadow:0 0 18px rgba(56,255,218,.15)}.theme-neon .profile-bio,.theme-neon .profile-role{color:#a9b6c5}.theme-neon .card-section{border-color:#272739}.theme-neon input,.theme-neon textarea{background:#121220;border-color:#30304a;color:#fff}.theme-neon .detail-grid>*{background:#151523}.theme-neon .custom-links a{border-color:#34344c}.theme-nature{background:#dfe9d9}.theme-nature .profile-shell{border-radius:50px 8px 50px 8px;background:#f7f6ed}.theme-nature .profile-cover{height:300px;background:linear-gradient(180deg,rgba(29,62,39,.05),rgba(29,62,39,.35)),linear-gradient(135deg,#aec79b,#486d53)!important;border-radius:0 0 45% 45%}.theme-nature .profile-avatar{background:#4f7656}.theme-nature .profile-intro h1{font-family:Georgia,serif;color:#253d2c}.theme-nature .primary-actions a,.theme-nature .message-section button{background:#4f7656}.theme-nature .detail-grid>*{background:#e8eddf}.theme-editorial{background:#e7ded1}.theme-editorial .profile-shell{max-width:900px;border-radius:0;background:#f7f0e7}.theme-editorial .profile-cover{height:420px;background:linear-gradient(135deg,#cc4f3b,#f09c68)!important}.theme-editorial .profile-main{margin-top:-160px;background:#f7f0e7;width:80%;padding-top:2rem;text-align:left}.theme-editorial .profile-avatar{margin:0;border-radius:0;width:110px;height:140px;background:#25201e}.theme-editorial .profile-intro h1{font-family:Georgia,serif;font-size:3.2rem}.theme-editorial .primary-actions,.theme-editorial .social-row{justify-content:flex-start}.theme-editorial .primary-actions a{border-radius:0;background:#25201e}.theme-editorial .custom-links a,.theme-editorial .detail-grid>*{border-radius:0;background:transparent;border-color:#bdb2a6}.theme-glass{background:radial-gradient(circle at 10% 10%,#ffb8d6,transparent 35%),radial-gradient(circle at 90% 90%,#96e5ff,transparent 38%),#8b7be4;background-attachment:fixed}.theme-glass .profile-shell{background:rgba(255,255,255,.28);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.55);color:#fff}.theme-glass .profile-cover{background:rgba(255,255,255,.12)!important}.theme-glass .profile-bio,.theme-glass .profile-role,.theme-glass small{color:rgba(255,255,255,.75)}.theme-glass .primary-actions a,.theme-glass .message-section button{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4)}.theme-glass .card-section{border-color:rgba(255,255,255,.25)}.theme-glass .custom-links a,.theme-glass .detail-grid>*{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}.theme-glass input,.theme-glass textarea{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.4);color:#fff}.theme-glass .card-footer{background:rgba(255,255,255,.14);color:#fff}.theme-retro{background:#f3c361}.theme-retro .profile-shell{border:6px solid #35291f;border-radius:28px;background:#f6dd8b;box-shadow:12px 12px 0 #35291f}.theme-retro .profile-cover{background:repeating-linear-gradient(0deg,#e8674e 0 45px,#f2c45b 45px 90px,#438f82 90px 135px)!important}.theme-retro .profile-avatar{border:5px solid #35291f;background:#e8674e;color:#35291f}.theme-retro .profile-intro h1{font-family:Georgia,serif;color:#35291f;text-shadow:2px 2px 0 #fff}.theme-retro .primary-actions a,.theme-retro .message-section button{background:#438f82;border:3px solid #35291f;box-shadow:3px 3px 0 #35291f}.theme-retro .custom-links a,.theme-retro .detail-grid>*{border:3px solid #35291f;background:#f8e5a6;box-shadow:3px 3px 0 #35291f}.theme-luxury{background:#080706}.theme-luxury .profile-shell{background:#11100e;color:#e9d393;border:1px solid #7b683b;border-radius:0}.theme-luxury .profile-cover{height:330px;background:radial-gradient(circle,#7a6232 0,transparent 1px),#12100d!important;background-size:24px 24px!important}.theme-luxury .profile-avatar{border:2px solid #c5a85b;background:#090807}.theme-luxury .profile-intro h1{font-family:Georgia,serif;font-weight:400;letter-spacing:.05em}.theme-luxury .profile-bio,.theme-luxury .profile-role,.theme-luxury small{color:#aa9a72}.theme-luxury .primary-actions a,.theme-luxury .message-section button{border:1px solid #b99a50;background:transparent;color:#e9d393;border-radius:0}.theme-luxury .card-section{border-color:#39301f}.theme-luxury .detail-grid>*,.theme-luxury .custom-links a{border-radius:0;background:#181510;border-color:#4a3f28}.theme-luxury input,.theme-luxury textarea{background:#17140f;border-color:#493d25;color:#eee0b1}.theme-creative{background:#f0f0ff}.theme-creative .profile-shell{background:#fff;border-radius:65px 18px 65px 18px}.theme-creative .profile-cover{height:280px;background:conic-gradient(from 0deg,#ff5f6d,#ffc371,#6a82fb,#fc5c7d,#ff5f6d)!important;clip-path:polygon(0 0,100% 0,100% 75%,70% 100%,35% 82%,0 100%)}.theme-creative .profile-avatar{border-radius:38% 62% 55% 45%;background:linear-gradient(135deg,#ff5f6d,#6a82fb)}.theme-creative .profile-intro h1{font-size:3rem;background:linear-gradient(90deg,#ff5f6d,#6a82fb);-webkit-background-clip:text;color:transparent}.theme-creative .primary-actions a,.theme-creative .message-section button{background:linear-gradient(135deg,#ff5f6d,#6a82fb);border-radius:18px 5px 18px 5px}.theme-creative .custom-links a,.theme-creative .detail-grid>*{border-radius:20px 6px 20px 6px}
/* Store */.storefront{min-height:100vh;background:#f7f8fb}.store-hero{padding:6rem max(6vw,1.5rem);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;color:#fff;background:radial-gradient(circle at 85% 15%,var(--store-secondary),transparent 30%),linear-gradient(135deg,var(--store-primary),#161638)}.store-hero a{display:inline-block;margin-bottom:2rem;color:rgba(255,255,255,.75)}.store-hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.9;margin:.8rem 0}.store-hero p{max-width:650px;color:rgba(255,255,255,.75)}.store-badge{width:140px;height:140px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.store-badge strong{font-size:2.3rem}.store-badge span{font-size:.8rem}.store-catalog{padding:4rem max(5vw,1.5rem)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1400px;margin:auto}.catalog-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden}.catalog-card>img,.catalog-placeholder{width:100%;height:300px;object-fit:cover}.catalog-placeholder{display:grid;place-items:center;background:#eceff5;font-size:4rem;color:#adb4c2}.catalog-card>div{padding:1.25rem}.catalog-card h2{font-size:1.3rem;margin:.7rem 0 .35rem}.catalog-card p{color:var(--muted);min-height:48px}.stock{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.stock.available{color:var(--success)}.stock.soldout{color:var(--danger)}.catalog-price{display:flex;align-items:baseline;gap:.5rem;margin:1rem 0}.catalog-price strong{font-size:1.5rem}.catalog-price del{color:var(--muted)}.quantity{display:flex;align-items:center;justify-content:space-between}.quantity input{width:95px}.checkout-card{max-width:1000px;margin:3rem auto 0;padding:2rem;background:#fff;border:1px solid var(--border);border-radius:22px}.checkout-heading{display:flex;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.checkout-heading h2{font-size:2rem;margin:.4rem 0}.checkout-heading p{max-width:420px;color:var(--muted)}.payment-instructions{padding:1rem;background:#f4f5f9;border-radius:13px;margin:1rem 0}.not-found{min-height:70vh;display:grid;place-content:center;text-align:center;justify-items:center;padding:2rem}.not-found h1{font-size:3rem;margin:.8rem 0}.not-found p{color:var(--muted);max-width:500px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-admin-grid{grid-template-columns:repeat(3,1fr)}.theme-grid{grid-template-columns:repeat(3,1fr)}.product-admin-grid{grid-template-columns:repeat(2,1fr)}.plan-admin-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.theme-showcase{grid-template-columns:repeat(3,1fr)}.example-grid{grid-template-columns:repeat(3,1fr)}.hero-section{grid-template-columns:1fr;padding-top:4rem}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:560px}.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.dashboard-main{margin-left:0}.menu-toggle{display:block}.topbar{padding:1rem}.page-content{padding:1rem}.topbar .btn{display:none}.content-grid.two,.admin-split,.card-editor-grid{grid-template-columns:1fr}.sticky{position:static}.stats-grid{grid-template-columns:1fr 1fr}.quick-admin-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-logo{position:absolute}.public-header nav a:not(.btn){display:none}.theme-showcase{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{border-left:0;border-top:1px solid var(--border)}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{padding:2rem}.cta-section{padding:2rem;display:grid}.message-section{grid-template-columns:1fr}.profile-shell{border-radius:18px}.theme-editorial .profile-main{width:92%}.store-hero{display:grid;padding-top:4rem}.catalog-grid{grid-template-columns:1fr}.checkout-heading{display:block}.public-footer{display:grid;gap:1rem}}
@media(max-width:560px){.form-grid,.two-col{grid-template-columns:1fr}.span-2{grid-column:auto}.stats-grid,.quick-admin-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.product-admin-grid,.plan-admin-grid{grid-template-columns:1fr}.product-admin-card{grid-template-columns:90px 1fr}.product-admin-card img,.product-placeholder{width:90px;height:90px}.repeat-row{grid-template-columns:1fr 38px}.repeat-row input:nth-child(2){grid-column:1/2}.feature-grid,.theme-showcase,.example-grid{grid-template-columns:1fr}.hero-section{padding-inline:1rem}.hero-copy h1{font-size:3rem}.hero-actions{display:grid}.hero-phone{width:270px}.public-header{padding-inline:1rem}.public-header nav .btn{padding:.6rem .75rem}.profile-main,.profile-content{padding-left:1rem;padding-right:1rem}.profile-intro h1{font-size:2rem}.primary-actions{display:grid}.detail-grid{grid-template-columns:1fr}.store-banner{display:grid}.card-footer{display:grid}.theme-minimal .profile-main{grid-template-columns:1fr;text-align:center}.theme-minimal .profile-avatar{margin:-30px auto 0}.theme-minimal .primary-actions,.theme-minimal .social-row,.theme-executive .primary-actions,.theme-executive .social-row,.theme-editorial .primary-actions,.theme-editorial .social-row{justify-content:center}.theme-executive .profile-main,.theme-editorial .profile-main{text-align:center}.theme-executive .profile-avatar,.theme-editorial .profile-avatar{margin-left:auto;margin-right:auto}.theme-editorial .profile-main{margin-top:-100px}.theme-editorial .profile-intro h1{font-size:2.2rem}.theme-creative .profile-intro h1{font-size:2.2rem}.store-hero h1{font-size:3rem}.store-badge{width:100px;height:100px}}

/* ==========================================================
   Responsive web templates v2.0
   Convierte las tarjetas en páginas web completas y mejora
   panel, landing, acceso y tienda en móvil, tableta y escritorio.
   ========================================================== */
html,body{max-width:100%;overflow-x:hidden}
body{min-height:100dvh}
.scroll-locked{overflow:hidden;touch-action:none}
:focus-visible{outline:3px solid rgba(91,91,214,.45);outline-offset:3px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.btn,.primary-actions a,.custom-links a,.card-site-header a,.public-header a{min-height:44px}
.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;border-radius:12px}
.sidebar-mobile-head{display:block}
.sidebar-close,.public-menu-toggle,.card-menu-toggle{display:none;border:0;background:transparent;color:inherit;width:44px;height:44px;border-radius:12px;font-size:1.45rem;line-height:1}
.sidebar-backdrop,.public-menu-backdrop{position:fixed;inset:0;background:rgba(9,14,27,.58);backdrop-filter:blur(3px);z-index:45}
.sidebar-backdrop[hidden],.public-menu-backdrop[hidden]{display:none}

/* Landing como sitio web */
.public-header{padding-left:max(1.2rem,env(safe-area-inset-left));padding-right:max(1.2rem,env(safe-area-inset-right))}
.public-logo{min-width:0}
.public-logo>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-header nav a{display:inline-flex;align-items:center}
.hero-section{min-height:calc(100dvh - 78px);padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,8rem)}
.features-section,.workflow-section,.plans-section,.examples-section,.themes-section{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem)}
.feature-grid article,.pricing-card,.workflow-grid article,.example-card{min-width:0}

/* Panel responsivo */
.topbar{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}
.page-content{width:100%;min-width:0;padding-bottom:max(3rem,env(safe-area-inset-bottom))}
.panel-card,.stat-card,.content-grid>*{min-width:0}
.sidebar nav{overflow-y:auto;overscroll-behavior:contain;padding-bottom:1rem}
.sidebar-user{flex-shrink:0}

/* La tarjeta pública ahora funciona como una página web completa */
.digital-card{background:var(--card-page-bg,#eef1f6)}
.card-page{padding:clamp(.75rem,2.5vw,2rem);scroll-padding-top:90px}
.profile-shell{width:min(100%,1280px);max-width:1280px;min-height:calc(100dvh - clamp(1.5rem,5vw,4rem));border-radius:26px;overflow:hidden}
.card-site-header{position:sticky;top:0;z-index:30;min-height:72px;padding:.75rem clamp(1rem,3vw,2.25rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(227,231,239,.85);backdrop-filter:blur(18px)}
.card-site-brand{display:flex;align-items:center;gap:.75rem;min-width:0;font-weight:850}
.card-site-brand>span{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--card-primary);color:#fff;font-weight:900}
.card-site-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}
.card-site-header nav a{padding:.62rem .8rem;border-radius:10px;font-size:.88rem;font-weight:750}
.card-site-header nav a:hover{background:#f0f2f6;color:var(--card-primary)}
.profile-hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:620px}
.profile-cover{height:auto;min-height:620px;background-position:center;background-size:cover}
.profile-main{width:auto;margin:0;padding:clamp(2rem,6vw,5.5rem);text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.profile-avatar{width:clamp(108px,10vw,144px);height:clamp(108px,10vw,144px);margin:0 0 1.5rem;border-width:6px}
.profile-kicker{margin-top:0}
.profile-intro h1{font-size:clamp(2.5rem,5.2vw,5.6rem);letter-spacing:-.045em;max-width:820px}
.profile-role{font-size:clamp(1rem,1.6vw,1.3rem);margin:.6rem 0 0}
.profile-bio{max-width:700px;margin:1.2rem 0 0;font-size:clamp(1rem,1.4vw,1.15rem)}
.primary-actions,.social-row{justify-content:flex-start}
.primary-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.profile-content{padding:clamp(1rem,4vw,4rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);background:inherit}
.card-section{min-width:0;margin:0;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid #e7eaf0;border-radius:20px;background:rgba(255,255,255,.72)}
.card-section h2{font-size:clamp(1.35rem,2vw,2rem);margin:.35rem 0 1rem}
.section-label{font-size:.72rem;letter-spacing:.14em;font-weight:850;color:var(--card-primary)}
.custom-links{align-content:start}
.custom-links a{transition:transform .18s,box-shadow .18s,border-color .18s}
.custom-links a:hover{transform:translateY(-2px);border-color:var(--card-primary);box-shadow:0 12px 30px rgba(15,23,42,.08)}
.contact-details .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-grid>*{min-width:0}
.store-banner,.message-section{grid-column:1/-1}
.store-banner{margin:0;padding:clamp(1.5rem,4vw,3rem);border-radius:22px}
.message-section{grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);align-items:start}
.message-section form{min-width:0}
.card-footer{padding:1.2rem clamp(1rem,4vw,4rem);padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}

/* Conserva la personalidad de cada diseño en formato página */
.theme-minimal .profile-shell,.theme-editorial .profile-shell,.theme-luxury .profile-shell{max-width:1280px}
.theme-minimal .profile-hero{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}
.theme-minimal .profile-cover{height:auto;min-height:620px}
.theme-minimal .profile-main{display:flex;grid-template-columns:none;text-align:left;padding:clamp(2rem,6vw,5rem)}
.theme-minimal .profile-avatar{width:130px;height:160px;margin:0 0 1.5rem}
.theme-minimal .primary-actions,.theme-minimal .social-row{grid-column:auto;justify-content:flex-start}
.theme-executive .profile-cover{height:auto;min-height:620px}
.theme-executive .profile-main{padding-left:clamp(2rem,6vw,5rem)}
.theme-executive .profile-avatar{margin:0 0 1.5rem}
.theme-nature .profile-cover{height:auto;min-height:620px;border-radius:0 0 45% 0}
.theme-editorial .profile-hero{grid-template-columns:minmax(340px,1fr) minmax(0,1fr)}
.theme-editorial .profile-cover{height:auto;min-height:650px}
.theme-editorial .profile-main{width:auto;margin:0;padding:clamp(2rem,6vw,5rem);text-align:left}
.theme-editorial .profile-avatar{margin:0 0 1.5rem}
.theme-editorial .profile-intro h1{font-size:clamp(2.8rem,5.5vw,6rem)}
.theme-glass .card-site-header{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff}
.theme-glass .card-site-header nav a:hover{background:rgba(255,255,255,.16);color:#fff}
.theme-glass .card-section{background:rgba(255,255,255,.13)}
.theme-retro .card-site-header{background:#f6dd8b;border-color:#35291f}
.theme-retro .card-section{background:#f8e5a6;border:3px solid #35291f;box-shadow:4px 4px 0 #35291f}
.theme-luxury .card-site-header{background:rgba(17,16,14,.94);border-color:#4a3f28;color:#e9d393}
.theme-luxury .card-site-brand>span{background:#c5a85b;color:#090807}
.theme-luxury .card-site-header nav a:hover{background:#211c13;color:#e9d393}
.theme-luxury .card-section{background:#181510;border-color:#4a3f28}
.theme-creative .profile-main{padding:clamp(2rem,6vw,5rem)}
.theme-creative .profile-cover{height:auto;min-height:620px;clip-path:polygon(0 0,100% 0,88% 100%,0 86%)}

/* Tienda */
.store-hero{min-height:430px;padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(3rem,7vw,6rem)}
.store-catalog{padding-bottom:max(4rem,env(safe-area-inset-bottom))}
.catalog-card{min-width:0}
.catalog-card>img,.catalog-placeholder{aspect-ratio:4/3;height:auto}
.checkout-card{width:min(100%,1000px)}

@media(max-width:1100px){
  .profile-hero{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);min-height:560px}
  .profile-cover,.theme-minimal .profile-cover,.theme-executive .profile-cover,.theme-nature .profile-cover,.theme-editorial .profile-cover,.theme-creative .profile-cover{min-height:560px}
  .profile-main{padding:clamp(2rem,5vw,4rem)}
  .profile-intro h1{font-size:clamp(2.5rem,5vw,4.5rem)}
  .profile-content{grid-template-columns:1fr}
  .custom-links,.contact-details,.store-banner,.message-section{grid-column:1}
}

@media(max-width:820px){
  input,textarea,select{font-size:16px}

  .sidebar{width:min(86vw,320px);padding-top:max(1rem,env(safe-area-inset-top));box-shadow:25px 0 70px rgba(0,0,0,.28)}
  .sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
  .sidebar-brand{min-width:0;padding-bottom:1rem}
  .sidebar-brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sidebar-close{display:grid;place-items:center;flex:0 0 auto;color:#fff}
  .menu-open .sidebar-backdrop{display:block}
  .topbar{height:auto;min-height:74px;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
  .topbar>div{min-width:0;flex:1}
  .topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .menu-toggle{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--border)}
  .page-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
  .panel-heading{flex-direction:column;align-items:stretch}
  .panel-heading>.btn,.panel-heading>form,.panel-heading>.search-form{width:100%}
  .search-form{width:100%;flex-wrap:wrap}
  .search-form input{min-width:0;flex:1 1 180px}

  .public-menu-toggle{display:grid;place-items:center;flex:0 0 auto}
  .public-header nav{position:fixed;top:calc(68px + env(safe-area-inset-top));left:1rem;right:1rem;z-index:50;padding:1rem;display:grid;gap:.35rem;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 25px 70px rgba(15,23,42,.24);transform:translateY(-16px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
  .public-header nav a,.public-header nav a:not(.btn){display:flex;width:100%;padding:.85rem 1rem;border-radius:12px}
  .public-header nav a:not(.btn):hover{background:#f2f4f8}
  .public-menu-open .public-header nav{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .public-menu-open .public-menu-backdrop{display:block}
  .hero-section{min-height:auto;gap:1.5rem;padding-top:4rem}
  .hero-visual{min-height:520px}

  .card-page{padding:0}
  .profile-shell{width:100%;min-height:100dvh;border-radius:0;box-shadow:none}
  .card-site-header{min-height:66px;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
  .card-menu-toggle{display:grid;place-items:center;flex:0 0 auto}
  .card-site-header nav{position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;padding:.65rem;display:grid;background:rgba(255,255,255,.97);color:#172033;border:1px solid #e5e8ef;border-radius:16px;box-shadow:0 20px 55px rgba(15,23,42,.22);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:.2s}
  .card-site-header nav a{width:100%;padding:.8rem .9rem}
  .card-menu-open .card-site-header nav{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .theme-glass .card-site-header nav,.theme-luxury .card-site-header nav,.theme-retro .card-site-header nav{background:rgba(255,255,255,.97);color:#172033;border-color:#e5e8ef}
  .profile-hero,.theme-minimal .profile-hero,.theme-editorial .profile-hero{grid-template-columns:1fr;min-height:0}
  .profile-cover,.theme-minimal .profile-cover,.theme-executive .profile-cover,.theme-nature .profile-cover,.theme-editorial .profile-cover,.theme-creative .profile-cover{min-height:clamp(260px,48vw,390px);height:auto;border-radius:0;clip-path:none}
  .profile-main,.theme-minimal .profile-main,.theme-editorial .profile-main{width:auto;margin:0;padding:clamp(1.5rem,6vw,3rem);text-align:center;align-items:center}
  .profile-avatar,.theme-minimal .profile-avatar,.theme-executive .profile-avatar,.theme-editorial .profile-avatar{width:116px;height:116px;margin:-78px auto 1.2rem;border-radius:50%}
  .profile-intro h1,.theme-editorial .profile-intro h1{font-size:clamp(2.25rem,9vw,4rem)}
  .profile-bio{margin-inline:auto}
  .primary-actions,.social-row,.theme-minimal .primary-actions,.theme-minimal .social-row,.theme-executive .primary-actions,.theme-executive .social-row,.theme-editorial .primary-actions,.theme-editorial .social-row{justify-content:center}
  .profile-content{padding:clamp(1rem,4vw,2rem);grid-template-columns:1fr}
  .message-section{grid-template-columns:1fr}
  .card-footer{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}

  .store-hero{min-height:0}
}

@media(max-width:560px){
  .public-header{height:68px}
  .public-logo>span:last-child{max-width:48vw}
  .hero-copy h1{font-size:clamp(2.65rem,14vw,4rem)}
  .hero-copy>p{font-size:1rem}
  .hero-actions .btn{width:100%}
  .hero-visual{min-height:450px;margin-inline:-1rem;overflow:hidden}
  .hero-phone{width:min(78vw,270px);min-height:470px}
  .hero-metric{right:3%;bottom:8%;padding:.8rem 1rem}
  .floating-dot.one{width:180px;height:180px}
  .floating-dot.two{width:130px;height:130px}
  .logo-strip{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:1rem}
  .logo-strip span{white-space:nowrap}
  .section-heading{margin-bottom:2rem}
  .section-heading h2{font-size:clamp(2rem,11vw,3rem)}
  .cta-section{margin-inline:.75rem;border-radius:20px}
  .public-footer>div:last-child{flex-wrap:wrap}

  .panel-card{padding:1rem;border-radius:15px}
  .stat-card strong{font-size:1.5rem}
  .inline-form,.verify-form div{align-items:stretch;flex-direction:column}
  .inline-form .btn,.verify-form .btn{width:100%}
  .share-box{align-items:stretch;flex-direction:column}
  .share-box .btn{width:100%}
  table{min-width:660px}

  .card-site-brand strong{max-width:54vw}
  .profile-cover,.theme-minimal .profile-cover,.theme-executive .profile-cover,.theme-nature .profile-cover,.theme-editorial .profile-cover,.theme-creative .profile-cover{min-height:250px}
  .profile-main,.theme-minimal .profile-main,.theme-editorial .profile-main{padding:1.25rem 1rem 2rem}
  .profile-avatar,.theme-minimal .profile-avatar,.theme-executive .profile-avatar,.theme-editorial .profile-avatar{width:104px;height:104px;margin-top:-66px}
  .profile-intro h1,.theme-editorial .profile-intro h1,.theme-creative .profile-intro h1{font-size:clamp(2rem,11vw,3rem)}
  .primary-actions{width:100%;display:grid;grid-template-columns:1fr}
  .primary-actions a{width:100%}
  .social-row{flex-wrap:wrap}
  .profile-content{padding:1rem}
  .card-section{padding:1.15rem;border-radius:16px}
  .contact-details .detail-grid{grid-template-columns:1fr}
  .custom-links a{padding:.9rem}
  .store-banner{display:grid;padding:1.25rem}
  .store-banner a{width:100%;text-align:center;white-space:normal}
  .message-section h2{font-size:1.7rem}
  .card-footer{display:grid;text-align:center;justify-content:center}

  .store-hero{padding-left:1rem;padding-right:1rem}
  .store-hero h1{font-size:clamp(2.6rem,14vw,4rem)}
  .store-badge{width:88px;height:88px}
  .store-catalog{padding:2rem 1rem}
  .catalog-card>div{padding:1rem}
  .checkout-card{padding:1.15rem;border-radius:16px}
  .checkout-heading h2{font-size:1.7rem}
  .quantity{gap:1rem}
}

@media(max-width:380px){
  .brand-mark.small{width:32px;height:32px}
  .public-logo>span:last-child{max-width:43vw;font-size:.9rem}
  .topbar h1{font-size:1.15rem}
  .card-site-brand strong{max-width:48vw;font-size:.9rem}
  .profile-intro h1,.theme-editorial .profile-intro h1,.theme-creative .profile-intro h1{font-size:2rem}
  .profile-bio{font-size:.95rem}
}

@media(hover:none){
  .btn:hover,.custom-links a:hover{transform:none;box-shadow:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Full website selector refinements */
.theme-option .theme-canvas{min-height:170px;height:auto}
.theme-option .theme-canvas small{line-height:1.25;margin-top:.25rem;max-width:100%}
@media(max-width:560px){.theme-option .theme-canvas{min-height:155px}}

/* Multiple user pages */
.stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.page-selector-panel{margin-bottom:1rem}
.page-switcher-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.page-switcher-card{display:flex;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-width:0}
.page-switcher-card:hover,.page-switcher-card.active{border-color:var(--primary);background:#f8f8ff}
.page-switcher-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}
.page-switcher-copy{min-width:0;flex:1}
.page-switcher-copy strong,.page-switcher-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-switcher-copy small{color:var(--muted);font-size:.75rem;margin-top:.18rem}
.page-switcher-action{font-size:.75rem;font-weight:800;color:var(--primary)}
.page-select-label{display:grid;gap:.4rem;margin-bottom:1rem;font-weight:700}
.dashboard-pages-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}
.dashboard-page-card{padding:1rem;border:1px solid var(--border);border-radius:14px;min-width:0}
.dashboard-page-card.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.dashboard-page-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.dashboard-page-card h3{margin:.8rem 0 .25rem;font-size:1rem}
.dashboard-page-card p,.dashboard-page-card small{display:block;color:var(--muted);margin:.2rem 0;overflow-wrap:anywhere}
.dashboard-page-card .inline-actions{margin-top:.8rem;display:flex;gap:.65rem;flex-wrap:wrap}
.dashboard-page-card .inline-actions a{font-size:.78rem;font-weight:800;color:var(--primary)}
@media(max-width:1200px){.stats-grid.five{grid-template-columns:repeat(3,1fr)}.page-switcher-grid,.dashboard-pages-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.stats-grid.five{grid-template-columns:repeat(2,1fr)}.page-switcher-grid,.dashboard-pages-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats-grid.five,.page-switcher-grid,.dashboard-pages-grid{grid-template-columns:1fr}.page-switcher-action{display:none}}

/* Brand logo integration */
.brand-logo-img{display:block;max-width:100%;height:auto;object-fit:contain}
.public-logo,.auth-logo,.sidebar-brand{align-items:center}
.public-brand-logo{width:150px;max-width:34vw}
.panel-brand-logo{width:136px;max-width:100%}
.auth-brand-logo{width:148px;max-width:100%}
.footer-brand-block strong{display:flex;align-items:center;gap:.7rem}
.footer-brand-logo{width:136px}
.hero-brand-chip{display:inline-flex;align-items:center;gap:.85rem;padding:.55rem .85rem;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 16px 35px rgba(17,24,39,.08);margin-bottom:1rem}
.hero-brand-logo{width:132px;max-width:42vw}
.hero-brand-chip strong{font-size:.95rem;color:#111728}

/* My pages cards */
.my-pages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.my-page-card{border:1px solid var(--border);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.04)}
.my-page-card.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.12),0 18px 35px rgba(15,23,42,.07)}
.my-page-preview{padding:.8rem;background:#f6f7fb;border-bottom:1px solid var(--border)}
.my-page-preview-top{display:flex;gap:.35rem;margin-bottom:.7rem}
.my-page-preview-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.88)}
.my-page-preview-body{min-height:205px;border-radius:18px;padding:1.15rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden}
.my-page-preview-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:1.35rem;background:rgba(255,255,255,.85);overflow:hidden;box-shadow:0 12px 24px rgba(15,23,42,.12);margin-bottom:1rem}
.my-page-preview-avatar img{width:100%;height:100%;object-fit:cover}
.my-page-preview-body strong,.my-page-preview-body small{position:relative;z-index:1;display:block}
.my-page-preview-body strong{font-size:1.06rem}
.my-page-preview-body small{opacity:.84;margin-top:.2rem}
.my-page-preview-links{position:relative;z-index:1;display:grid;gap:.4rem;width:100%;margin-top:1rem}
.my-page-preview-links span{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.45)}
.my-page-preview-links span:nth-child(1){width:84%}
.my-page-preview-links span:nth-child(2){width:100%}
.my-page-preview-links span:nth-child(3){width:68%}
.my-page-card-body{padding:1rem}
.my-page-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}
.my-page-card-head h3{margin:0;font-size:1.05rem}
.my-page-card-head p{margin:.2rem 0 0;color:var(--muted);font-size:.82rem}
.my-page-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.85rem 0 1rem}
.my-page-meta span{padding:.38rem .62rem;border-radius:999px;background:#f5f7fb;color:#4b5565;font-size:.75rem;font-weight:700}
.my-page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.my-page-actions .btn,.my-page-actions form .btn{width:100%;justify-content:center;text-align:center}
.my-page-actions form{margin:0}
.my-page-extra-links{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:.95rem}
.my-page-extra-links a{font-size:.8rem;font-weight:800;color:var(--primary)}
.theme-mini-aurora .my-page-preview-body{background:radial-gradient(circle at 75% 20%,#75e9ff,transparent 28%),linear-gradient(140deg,#6a4cff,#1f1a58);color:#fff}
.theme-mini-minimal .my-page-preview-body{background:#fff;color:#111;border:1px solid #dcdcdc}
.theme-mini-executive .my-page-preview-body{background:linear-gradient(160deg,#0c1825,#213b54);color:#e8edf2}
.theme-mini-neon .my-page-preview-body{background:#070712;color:#68ffdf;box-shadow:inset 0 0 30px rgba(99,255,220,.18)}
.theme-mini-nature .my-page-preview-body{background:linear-gradient(160deg,#ddebd4,#6c8b5a);color:#193019}
.theme-mini-editorial .my-page-preview-body{background:#f0e9df;color:#221b18}
.theme-mini-glass .my-page-preview-body{background:radial-gradient(circle at 10% 10%,#ffb4d7,transparent 30%),radial-gradient(circle at 90% 80%,#8cdcff,transparent 35%),#7c70d8;color:#fff}
.theme-mini-luxury .my-page-preview-body{background:linear-gradient(150deg,#0b0a09,#312718);color:#e6c97c}
.theme-mini-retro .my-page-preview-body{background:linear-gradient(#ef7956 0 33%,#f7cf65 33% 66%,#4e9788 66%);color:#37251f}
.theme-mini-creative .my-page-preview-body{background:conic-gradient(from 20deg,#ff5f6d,#ffc371,#6a82fb,#fc5c7d);color:#fff}

@media(max-width:1200px){
  .my-pages-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .public-brand-logo{width:124px}
  .panel-brand-logo{width:118px}
  .hero-brand-chip{padding:.5rem .7rem}
  .hero-brand-logo{width:118px}
  .my-pages-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .public-logo>span:last-child,.auth-logo{font-size:.95rem}
  .public-brand-logo{width:110px;max-width:30vw}
  .panel-brand-logo,.footer-brand-logo{width:112px}
  .auth-brand-logo{width:126px}
  .hero-brand-logo{width:104px}
  .my-page-actions{grid-template-columns:1fr}
  .my-page-preview-body{min-height:180px}
}


/* Separate My Pages and page administration views */
.my-pages-only{display:grid;gap:1rem}
.my-pages-only>.panel-heading{margin-bottom:0;padding:.25rem .1rem}
.page-management-header{margin-bottom:1rem}
.page-management-header .eyebrow{display:block;margin-bottom:.45rem}
.page-management-header h2{font-size:1.35rem;margin-bottom:.3rem}
.page-management-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:820px){.page-management-actions{width:100%;justify-content:stretch}.page-management-actions .btn{flex:1 1 210px}}
@media(max-width:560px){.page-management-actions{display:grid}.page-management-actions .btn{width:100%}}

/* Regional settings */
.regional-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.metric-card{padding:1.1rem;background:#fff;border:1px solid var(--border);border-radius:16px;min-width:0}
.metric-card span,.metric-card small{display:block;color:var(--muted)}
.metric-card small{font-size:.78rem;margin-top:.35rem}
.viz-stat-value{display:block;font-size:1.15rem;margin-top:.35rem;overflow-wrap:anywhere}
.regional-timezone-value{font-size:.92rem}
.regional-settings-panel{max-width:1050px}
.regional-dial-display{min-height:48px;border:1px solid var(--border);border-radius:11px;padding:.65rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8f9fc}
.regional-dial-display span{font-size:1.15rem;font-weight:850;color:var(--primary)}
.regional-dial-display small{margin:0;color:var(--muted)}
.viz-callout{padding:1rem;border-radius:14px;background:#f2f3ff;border:1px solid #dfe1ff;margin:1rem 0}
.viz-callout strong{display:block;margin-bottom:.3rem}
.viz-callout p{margin:0;color:#4f5870}
.form-help{font-size:.83rem;color:var(--muted);margin:.2rem 0 0}
.form-help a{font-weight:800;color:var(--primary)}
.regional-store-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.regional-store-summary>div{padding:.75rem;background:#f7f8fb;border:1px solid var(--border);border-radius:12px;min-width:0}
.regional-store-summary span,.regional-store-summary strong{display:block}
.regional-store-summary span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.regional-store-summary strong{font-size:.82rem;margin-top:.25rem;overflow-wrap:anywhere}

/* Store design selector */
.store-design-panel{margin-bottom:1rem}
.store-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}
.store-theme-option{cursor:pointer;min-width:0}
.store-theme-option>input{position:absolute;opacity:0;pointer-events:none}
.store-theme-preview-canvas{display:block;min-height:220px;padding:.75rem;border:3px solid transparent;border-radius:17px;background:#f4f6fa;overflow:hidden;position:relative;transition:.18s}
.store-theme-option>input:checked+.store-theme-preview-canvas{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.12)}
.store-theme-preview-canvas>strong,.store-theme-preview-canvas>small{display:block;position:relative;z-index:2}
.store-theme-preview-canvas>strong{margin-top:.75rem;font-size:.88rem}
.store-theme-preview-canvas>small{font-size:.72rem;line-height:1.3;margin-top:.25rem;opacity:.76}
.store-preview-brand{display:block;width:34px;height:8px;border-radius:999px;margin-bottom:.65rem;background:currentColor;opacity:.75}
.store-preview-hero{height:68px;border-radius:12px;padding:.7rem;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.35)}
.store-preview-hero b{display:block;width:58%;height:8px;border-radius:999px;background:currentColor}
.store-preview-hero small{display:block;width:78%;height:5px;border-radius:999px;background:currentColor;opacity:.45;margin-top:.35rem}
.store-preview-products{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.45rem}
.store-preview-products i{display:block;height:42px;border-radius:8px;background:rgba(255,255,255,.5)}
.store-theme-preview-market .store-theme-preview-canvas{color:#fff;background:radial-gradient(circle at 85% 15%,#0ea5e9,transparent 34%),linear-gradient(145deg,#5b5bd6,#171738)}
.store-theme-preview-boutique .store-theme-preview-canvas{color:#4b3125;background:#f4eadc;font-family:Georgia,serif}
.store-theme-preview-boutique .store-preview-hero{border:1px solid #9a7967;border-radius:50% 50% 12px 12px;background:#d7b8a2}
.store-theme-preview-boutique .store-preview-products i{border-radius:999px 999px 8px 8px;background:#fffaf3}
.store-theme-preview-minimal .store-theme-preview-canvas{color:#050505;background:#fff;border-radius:0}
.store-theme-preview-minimal .store-preview-hero,.store-theme-preview-minimal .store-preview-products i{border:2px solid #111;border-radius:0;background:#fff}
.store-theme-preview-tropical .store-theme-preview-canvas{color:#173b2b;background:linear-gradient(145deg,#fbe36d,#74d89b)}
.store-theme-preview-tropical .store-preview-hero{border-radius:45% 55% 35% 65%;background:#ff8f70}
.store-theme-preview-tropical .store-preview-products i{border-radius:45% 55% 35% 65%;background:#fff4cf}
.store-theme-preview-tech .store-theme-preview-canvas{color:#6bffe0;background:#060912;box-shadow:inset 0 0 25px rgba(27,255,220,.12)}
.store-theme-preview-tech .store-preview-hero,.store-theme-preview-tech .store-preview-products i{border:1px solid #38f8dc;border-radius:4px;background:#0c1721}

/* Public store shared structure */
.store-catalog-heading{max-width:1400px;margin:0 auto 2rem;display:flex;align-items:end;justify-content:space-between;gap:2rem}
.store-catalog-heading h2{font-size:clamp(2rem,4vw,3.8rem);margin:.35rem 0 0}
.store-catalog-heading p{color:var(--muted);max-width:430px;text-align:right}
.store-region-chips{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.2rem}
.store-region-chips span{padding:.42rem .7rem;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);font-size:.75rem;font-weight:800}
.catalog-media{position:relative;padding:0!important;overflow:hidden}
.catalog-media img,.catalog-media .catalog-placeholder{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.catalog-card>.catalog-card-content{padding:1.25rem}
.catalog-number{position:absolute;right:.8rem;top:.8rem;min-width:34px;height:34px;padding:0 .45rem;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#111;font-size:.72rem;font-weight:900}

/* Store design 1: Mercado moderno */
.store-design-market{background:#f7f8fb}
.store-design-market .store-hero{background:radial-gradient(circle at 85% 15%,var(--store-secondary),transparent 30%),linear-gradient(135deg,var(--store-primary),#161638)}
.store-design-market .catalog-card{box-shadow:0 14px 35px rgba(17,24,39,.06)}

/* Store design 2: Boutique */
.store-design-boutique{background:#f6efe6;color:#402e26;font-family:Georgia,'Times New Roman',serif}
.store-design-boutique .store-hero{min-height:560px;align-items:center;color:#402e26;background:linear-gradient(90deg,#f4eadf 0 58%,#c7a18b 58%);position:relative}
.store-design-boutique .store-hero:after{content:'';position:absolute;right:7%;width:min(30vw,390px);aspect-ratio:3/4;border-radius:50% 50% 12px 12px;border:1px solid rgba(64,46,38,.35);background:radial-gradient(circle at 50% 35%,#f7ddd0,transparent 26%),linear-gradient(160deg,#bb8d78,#785243)}
.store-design-boutique .store-hero-copy{position:relative;z-index:2;max-width:55%}
.store-design-boutique .store-hero a,.store-design-boutique .store-hero p{color:#6b5146}
.store-design-boutique .store-hero h1{font-weight:500;letter-spacing:-.04em}
.store-design-boutique .store-badge{z-index:2;color:#fff;background:#5f4034;border-color:#5f4034}
.store-design-boutique .store-region-chips span{background:#fff7ef;border-color:#d8c0b0}
.store-design-boutique .store-catalog{background:#f6efe6}
.store-design-boutique .catalog-card{border:0;border-radius:160px 160px 18px 18px;background:#fffaf4;box-shadow:0 18px 45px rgba(91,62,45,.1)}
.store-design-boutique .catalog-media,.store-design-boutique .catalog-media img,.store-design-boutique .catalog-placeholder{border-radius:160px 160px 0 0}
.store-design-boutique .stock{color:#765245}
.store-design-boutique .quantity input,.store-design-boutique .checkout-card input,.store-design-boutique .checkout-card select,.store-design-boutique .checkout-card textarea{border-radius:0;border-width:0 0 1px;background:transparent}
.store-design-boutique .checkout-card{background:#fffaf4;border:0;border-radius:0;box-shadow:0 25px 60px rgba(91,62,45,.1)}

/* Store design 3: Minimal */
.store-design-minimal{background:#fff;color:#080808;font-family:Arial,Helvetica,sans-serif}
.store-design-minimal .store-hero{min-height:480px;color:#080808;background:#fff;border-bottom:4px solid #080808;align-items:center}
.store-design-minimal .store-hero a,.store-design-minimal .store-hero p{color:#080808}
.store-design-minimal .store-hero h1{text-transform:uppercase;font-size:clamp(3rem,9vw,8.5rem);letter-spacing:-.075em}
.store-design-minimal .store-badge{border:3px solid #080808;border-radius:0;background:#fff;color:#080808}
.store-design-minimal .store-region-chips span{border:2px solid #080808;border-radius:0;background:#fff}
.store-design-minimal .store-catalog{padding-top:2rem;background:#fff}
.store-design-minimal .store-catalog-heading{border-bottom:2px solid #111;padding-bottom:1rem}
.store-design-minimal .catalog-grid{gap:0;border-top:2px solid #111;border-left:2px solid #111}
.store-design-minimal .catalog-card{border:0;border-right:2px solid #111;border-bottom:2px solid #111;border-radius:0}
.store-design-minimal .catalog-media img,.store-design-minimal .catalog-placeholder{filter:grayscale(1);border-bottom:2px solid #111}
.store-design-minimal .catalog-number{border:2px solid #111;border-radius:0}
.store-design-minimal .stock{color:#111}
.store-design-minimal .checkout-card{border:3px solid #111;border-radius:0;box-shadow:12px 12px 0 #111}
.store-design-minimal .payment-instructions{border:2px solid #111;border-radius:0;background:#fff}

/* Store design 4: Tropical */
.store-design-tropical{background:#fff8d9;color:#153b2b}
.store-design-tropical .store-hero{min-height:570px;color:#153b2b;background:radial-gradient(circle at 85% 15%,#ff7f6b 0 12%,transparent 12%),radial-gradient(circle at 70% 65%,#2ba56b 0 17%,transparent 17%),linear-gradient(145deg,#ffe866,#7ddd9e);overflow:hidden}
.store-design-tropical .store-hero:before{content:'';position:absolute;width:320px;height:320px;right:-80px;bottom:-120px;border-radius:45% 55% 35% 65%;background:#1b8b59;opacity:.35}
.store-design-tropical .store-hero a,.store-design-tropical .store-hero p{color:#254e3c}
.store-design-tropical .store-hero h1{font-size:clamp(3rem,8vw,7.5rem);letter-spacing:-.055em}
.store-design-tropical .store-badge{border:0;background:#ff7f6b;color:#fff;border-radius:38% 62% 48% 52%}
.store-design-tropical .store-region-chips span{background:#fff3b0;border-color:#4aa873}
.store-design-tropical .store-catalog{background:#fff8d9}
.store-design-tropical .catalog-grid{gap:1.5rem}
.store-design-tropical .catalog-card{border:0;border-radius:34px;background:#fff;box-shadow:0 20px 0 rgba(41,133,87,.14);transform:rotate(-.4deg)}
.store-design-tropical .catalog-card:nth-child(even){transform:rotate(.5deg)}
.store-design-tropical .catalog-media,.store-design-tropical .catalog-media img,.store-design-tropical .catalog-placeholder{border-radius:34px 34px 50% 25%}
.store-design-tropical .catalog-number{background:#ffe866;color:#153b2b}
.store-design-tropical .checkout-card{border:0;border-radius:38px;background:#e8ffd9;box-shadow:0 22px 0 rgba(41,133,87,.14)}

/* Store design 5: Tech */
.store-design-tech{background:#050811;color:#dffef8;font-family:'Courier New',monospace}
.store-design-tech .store-hero{min-height:540px;color:#dffef8;background:linear-gradient(rgba(24,255,217,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,255,217,.05) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(80,90,255,.35),transparent 32%),#050811;background-size:34px 34px,34px 34px,auto,auto;border-bottom:1px solid #1af7d5}
.store-design-tech .store-hero a,.store-design-tech .store-hero p{color:#8fcfc5}
.store-design-tech .store-hero h1{color:#65ffe2;text-shadow:0 0 22px rgba(61,255,220,.35);letter-spacing:-.04em}
.store-design-tech .store-badge{border:1px solid #52fadd;border-radius:8px;background:rgba(8,31,35,.72);box-shadow:0 0 35px rgba(58,255,222,.15)}
.store-design-tech .store-region-chips span{border-color:#35d9bd;border-radius:4px;background:#08171b;color:#65ffe2}
.store-design-tech .store-catalog{background:#050811}
.store-design-tech .store-catalog-heading h2,.store-design-tech .catalog-card h2,.store-design-tech .checkout-card h2{color:#dffef8}
.store-design-tech .store-catalog-heading p,.store-design-tech .catalog-card p,.store-design-tech .checkout-heading p{color:#86aca6}
.store-design-tech .catalog-card{border:1px solid #1a786b;border-radius:8px;background:#071119;box-shadow:0 0 0 1px rgba(67,255,222,.04),0 18px 45px rgba(0,0,0,.35)}
.store-design-tech .catalog-media img{filter:saturate(.8) contrast(1.12)}
.store-design-tech .catalog-placeholder{background:#081820;color:#54ffe2}
.store-design-tech .catalog-number{border:1px solid #4ef9dc;border-radius:4px;background:#061216;color:#54ffe2}
.store-design-tech .stock.available{color:#54ffe2}
.store-design-tech .catalog-price strong{color:#54ffe2}
.store-design-tech .quantity input,.store-design-tech .checkout-card input,.store-design-tech .checkout-card select,.store-design-tech .checkout-card textarea{color:#dffef8;background:#06131a;border-color:#1a786b;border-radius:4px}
.store-design-tech .checkout-card{border:1px solid #1a786b;border-radius:8px;background:#071119;box-shadow:0 0 45px rgba(61,255,220,.08)}
.store-design-tech .payment-instructions{border:1px solid #1a786b;border-radius:4px;background:#06131a}

@media(max-width:1200px){
  .store-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .regional-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .store-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .regional-store-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-catalog-heading{display:block}
  .store-catalog-heading p{text-align:left}
  .store-design-boutique .store-hero{background:#f4eadf}
  .store-design-boutique .store-hero:after{opacity:.22;right:-15%;width:70vw}
  .store-design-boutique .store-hero-copy{max-width:100%}
}
@media(max-width:560px){
  .store-theme-grid,.regional-summary-grid{grid-template-columns:1fr}
  .store-theme-preview-canvas{min-height:205px}
  .regional-store-summary{grid-template-columns:1fr 1fr}
  .store-design-minimal .checkout-card{box-shadow:6px 6px 0 #111}
  .store-region-chips span{font-size:.68rem}
}

/* Regional context shown on every public page */
.card-regional-context{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;padding:1rem;background:#111728;color:#dbe3f4;border-top:1px solid rgba(255,255,255,.12)}
.card-regional-context span{padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:.72rem;font-weight:750}
.store-design-tropical .store-hero{position:relative}

/* Store previews and view-store actions */
.current-store-preview-panel{margin-bottom:1rem}
.current-store-preview{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#f5f7fb}
.current-store-browser-bar{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:#fff;border-bottom:1px solid var(--border)}
.current-store-browser-bar>span{width:9px;height:9px;border-radius:50%;background:#cbd1dc}
.current-store-browser-bar small{margin-left:.45rem;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.current-store-preview-canvas{min-height:320px;padding:clamp(1.25rem,3vw,2.5rem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:2rem;align-items:center}
.current-store-preview-copy{display:grid;gap:.6rem;position:relative;z-index:2}
.current-store-preview-copy>span{font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.current-store-preview-copy>strong{font-size:clamp(1.8rem,4vw,3.5rem);line-height:1;letter-spacing:-.045em}
.current-store-preview-copy>small{font-size:.9rem;max-width:480px;opacity:.8}
.current-store-preview-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;position:relative;z-index:2}
.current-store-preview-products article{min-width:0;padding:.7rem;border-radius:14px;background:rgba(255,255,255,.84);box-shadow:0 12px 28px rgba(15,23,42,.1)}
.current-store-preview-products img,.current-store-preview-products article>span{width:100%;aspect-ratio:4/3;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:rgba(255,255,255,.55);font-size:1.5rem}
.current-store-preview-products b,.current-store-preview-products small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.current-store-preview-products b{font-size:.78rem;margin-top:.55rem}
.current-store-preview-products small{font-size:.7rem;margin-top:.2rem;opacity:.75}
.store-theme-preview-market .current-store-preview-canvas{color:#fff;background:radial-gradient(circle at 85% 15%,#0ea5e9,transparent 34%),linear-gradient(145deg,#5b5bd6,#171738)}
.store-theme-preview-boutique .current-store-preview-canvas{color:#4b3125;background:linear-gradient(90deg,#f4eadc 0 55%,#d7b8a2 55%);font-family:Georgia,serif}
.store-theme-preview-boutique .current-store-preview-products article{border-radius:70px 70px 14px 14px;background:#fffaf3}
.store-theme-preview-minimal .current-store-preview-canvas{color:#050505;background:#fff;border-bottom:3px solid #111}
.store-theme-preview-minimal .current-store-preview-products article{border:2px solid #111;border-radius:0;box-shadow:7px 7px 0 #111}
.store-theme-preview-tropical .current-store-preview-canvas{color:#173b2b;background:radial-gradient(circle at 88% 15%,#ff8f70 0 12%,transparent 12%),linear-gradient(145deg,#fbe36d,#74d89b)}
.store-theme-preview-tropical .current-store-preview-products article{border-radius:28px;background:#fff4cf;transform:rotate(-1deg)}
.store-theme-preview-tropical .current-store-preview-products article:nth-child(even){transform:rotate(1deg)}
.store-theme-preview-tech .current-store-preview-canvas{color:#6bffe0;background:linear-gradient(rgba(24,255,217,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(24,255,217,.06) 1px,transparent 1px),#060912;background-size:28px 28px,28px 28px,auto;font-family:'Courier New',monospace}
.store-theme-preview-tech .current-store-preview-products article{border:1px solid #38f8dc;border-radius:5px;background:#0c1721;box-shadow:0 0 22px rgba(56,248,220,.08)}
.store-theme-card{min-width:0;border:1px solid var(--border);border-radius:18px;background:#fff;padding:.55rem;transition:.18s}
.store-theme-card.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.1)}
.store-theme-card .store-theme-preview-canvas{min-height:205px}
.store-preview-label{position:absolute;top:.6rem;right:.6rem;z-index:4;padding:.28rem .48rem;border-radius:999px;background:rgba(255,255,255,.85);color:#182033;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.store-theme-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.65rem .2rem .15rem}
.store-theme-card-actions .btn{padding:.55rem .7rem;font-size:.75rem;white-space:nowrap}
.store-preview-banner{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,3vw,2rem);background:#fff7d8;color:#4b3a0a;border-bottom:1px solid #e7d28d;box-shadow:0 10px 25px rgba(15,23,42,.08)}
.store-preview-banner div{display:grid;gap:.15rem}
.store-preview-banner span{font-size:.8rem;opacity:.8}
.store-preview-fieldset{min-width:0;margin:0;padding:0;border:0}
.store-preview-fieldset:disabled{opacity:.92}
.store-preview-mode .store-back-link{pointer-events:none;opacity:.7}

@media(max-width:980px){
  .current-store-preview-canvas{grid-template-columns:1fr;gap:1.25rem}
}
@media(max-width:680px){
  .current-store-preview-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .current-store-preview-products article:nth-child(3){display:none}
  .store-theme-card-actions,.store-preview-banner{align-items:stretch;flex-direction:column}
  .store-theme-card-actions .btn,.store-preview-banner .btn{width:100%;text-align:center;justify-content:center}
}
@media(max-width:420px){
  .current-store-preview-products{grid-template-columns:1fr 1fr}
  .current-store-preview-canvas{padding:1rem}
}

/* MyWebPlus Business Suite */
.sidebar{overflow-y:auto}.sidebar-navigation{padding-bottom:1rem}.sidebar-section-label{display:block;margin:1rem .75rem .35rem;color:#6f7890;font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sidebar-section-label:first-child{margin-top:.25rem}.nav-count{margin-left:auto;min-width:21px;height:21px;padding:0 .38rem;border-radius:999px;display:inline-grid;place-items:center;background:#fff;color:#111728;font-size:.68rem}.topbar-view-button{flex:0 0 auto}.suite-hero,.suite-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;border-radius:22px;border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f4f5ff)}.suite-hero h2,.suite-toolbar h2{font-size:clamp(1.55rem,2.8vw,2.35rem);margin:.4rem 0}.suite-hero p,.suite-toolbar p{margin:0;color:var(--muted);max-width:760px}.suite-toolbar form{min-width:260px}.suite-toolbar label{margin:0}.suite-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.suite-store-card{background:#fff;border:1px solid var(--border);border-radius:21px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.04)}.suite-store-card.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.1),0 18px 36px rgba(15,23,42,.08)}.suite-store-preview{height:225px;padding:1rem;position:relative;overflow:hidden}.suite-store-preview>div{position:relative;z-index:2;display:flex;flex-direction:column;gap:.35rem;width:70%;margin-top:2.2rem}.suite-store-preview>div strong{font-size:1.45rem}.suite-store-preview>i{position:absolute;bottom:1rem;width:28%;height:72px;border-radius:14px;background:rgba(255,255,255,.72)}.suite-store-preview>i:nth-of-type(1){left:1rem}.suite-store-preview>i:nth-of-type(2){left:36%}.suite-store-preview>i:nth-of-type(3){right:1rem}.suite-browser-dots{position:absolute;top:1rem;left:1rem;letter-spacing:.35rem}.suite-store-card-body{padding:1rem}.suite-store-card-body h3{margin:0}.mini-metrics{display:flex;gap:.5rem;flex-wrap:wrap;margin:.85rem 0}.mini-metrics span{padding:.45rem .65rem;border-radius:999px;background:#f4f6fa;font-size:.75rem;color:#525c70}.mini-metrics b{color:#121827}.suite-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.suite-action-grid .btn{text-align:center;justify-content:center}.suite-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.suite-form-grid .span-2{grid-column:1/-1}.suite-setting-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.suite-setting-summary span{padding:.8rem;border:1px solid var(--border);border-radius:14px;background:#fafbfe}.suite-setting-summary small,.suite-setting-summary strong{display:block}.suite-setting-summary small{color:var(--muted);font-size:.75rem}.suite-fieldset{border:1px solid var(--border);border-radius:16px;padding:1rem}.suite-fieldset legend{font-weight:800;padding:0 .45rem}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.form-actions{display:flex;gap:.7rem;flex-wrap:wrap}.suite-divider{border:0;border-top:1px solid var(--border);margin:1.4rem 0}.muted{color:var(--muted)}.variant-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.variant-form .btn{grid-column:span 2}.list-stack.compact{gap:.45rem;margin-top:1rem}.suite-product-table{display:grid;gap:.6rem}.suite-product-row{display:grid;grid-template-columns:64px minmax(180px,1.5fr) .7fr .5fr .5fr .8fr;gap:.8rem;align-items:center;padding:.7rem;border:1px solid var(--border);border-radius:14px}.suite-product-row img,.suite-product-row .product-placeholder{width:64px;height:64px;border-radius:11px;object-fit:cover}.suite-product-row p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.order-inline-form{display:grid;grid-template-columns:130px 135px minmax(90px,1fr) auto;gap:.45rem;min-width:520px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%}.table-wrap td small{display:block;color:var(--muted);margin-top:.2rem}.crm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.crm-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:1rem}.crm-card header{display:flex;align-items:center;gap:.7rem}.crm-card header div{flex:1;min-width:0}.crm-card h3,.crm-card p{margin:0}.crm-card header p{color:var(--muted);font-size:.8rem}.crm-contact{display:grid;gap:.35rem;margin:1rem 0;padding:.75rem;border-radius:13px;background:#f7f8fc}.crm-contact span{font-size:.82rem;color:#586174}.viz-badge{padding:.3rem .55rem;border-radius:999px;background:#eeefff;color:var(--primary);font-size:.72rem;font-weight:800}.qr-target-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.qr-target-grid article{padding:.8rem;border:1px solid var(--border);border-radius:16px}.qr-box{aspect-ratio:1;border-radius:12px;background:#fff;padding:.5rem}.qr-box img{width:100%;height:100%;object-fit:contain}.qr-target-grid h3{font-size:.95rem;margin:.7rem 0 .2rem}.qr-target-grid p{color:var(--muted);font-size:.78rem}.review-admin-list{display:grid;gap:.65rem}.review-admin-list article{border:1px solid var(--border);border-radius:14px;padding:.85rem}.review-admin-list header{display:flex;justify-content:space-between;gap:.5rem}.review-admin-list header span{color:#d99313}.booking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.booking-card{padding:1rem;border:1px solid var(--border);border-radius:16px}.booking-card header{display:flex;justify-content:space-between;align-items:center}.booking-card h3{margin:.8rem 0 .35rem}.booking-card p{color:#4c5567}.analytics-bars{min-height:300px;display:flex;gap:.5rem;align-items:flex-end;padding:1rem 0;overflow-x:auto}.analytics-day{min-width:54px;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem}.analytics-bar-track{width:26px;height:180px;border-radius:999px;background:#edf0f6;display:flex;align-items:flex-end;overflow:hidden}.analytics-bar-track span{display:block;width:100%;border-radius:999px;background:linear-gradient(var(--primary),var(--secondary))}.analytics-day strong,.analytics-day small,.analytics-day b{font-size:.68rem;white-space:nowrap}.analytics-day small{color:var(--muted)}.rank-list{display:grid;gap:.45rem}.rank-list>div{display:grid;grid-template-columns:32px 1fr auto;gap:.6rem;align-items:center;padding:.65rem;border-radius:12px;background:#f7f8fb}.rank-list span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#fff;font-weight:900}.rank-list strong,.rank-list small{display:block}.rank-list small{grid-column:2;color:var(--muted);font-size:.75rem}.builder-block-list{display:grid;gap:.65rem}.builder-block-list article{display:grid;grid-template-columns:40px 1fr auto auto;gap:.8rem;align-items:center;padding:.8rem;border:1px solid var(--border);border-radius:14px}.builder-handle{font-size:1.2rem;color:#9aa1b0}.builder-block-list p{margin:.2rem 0;color:var(--muted)}.media-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem}.media-mini-grid figure{margin:0}.media-mini-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.media-mini-grid figcaption{font-size:.7rem;margin-top:.2rem}.suite-checklist{display:grid;gap:.55rem;margin-top:1rem}.suite-checklist p{margin:0;padding:.65rem;border-radius:11px;background:#f6f8fb}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.team-card{border:1px solid var(--border);border-radius:16px;padding:1rem}.team-card header{display:flex;gap:.6rem;align-items:center}.team-card header div{flex:1}.team-card h3,.team-card p{margin:0}.team-card p{font-size:.78rem;color:var(--muted)}.permission-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.8rem 0}.permission-chips span{padding:.3rem .5rem;border-radius:999px;background:#f0f2f7;font-size:.7rem}.ticket-list{display:grid;gap:.45rem}.ticket-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:13px}.ticket-item.active{border-color:var(--primary);background:#f8f8ff}.ticket-item p{margin:.15rem 0 0;color:var(--muted);font-size:.78rem}.support-thread{display:grid;gap:.8rem;margin-bottom:1rem}.support-message{max-width:78%;padding:1rem;border-radius:16px;background:#f2f4f8}.support-message.admin{margin-left:auto;background:#eeeefe}.support-message header{display:flex;justify-content:space-between;gap:1rem}.support-message p{margin:.6rem 0 0}.reply-form{display:grid;gap:.7rem}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.integration-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:1rem}.integration-card header{display:flex;gap:.7rem;align-items:center;margin-bottom:1rem}.integration-card header>div{flex:1}.integration-card h3,.integration-card p{margin:0}.integration-card p{color:var(--muted);font-size:.8rem}.integration-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#111728;color:#fff;font-weight:900}.viz-callout{padding:1rem;border:1px solid #c9c9ef;border-radius:16px;background:#f5f4ff}.two-factor-setup{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:center}.two-factor-setup img{width:220px;border-radius:15px;border:1px solid var(--border)}.two-factor-setup code{display:block;padding:.7rem;border-radius:10px;background:#111728;color:#fff;overflow-wrap:anywhere;margin:.5rem 0}.notification-list{display:grid;gap:.7rem}.notification-card{display:grid;grid-template-columns:46px 1fr auto;gap:.8rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:15px;background:#fff}.notification-card.unread{border-color:#a8a8ee;background:#fbfaff}.notification-card h3,.notification-card p{margin:0}.notification-card p{color:var(--muted);margin-top:.2rem}.notification-type{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eeefff;color:var(--primary);font-weight:900}

/* Public builder blocks */
.public-blocks{width:min(1180px,calc(100% - 2rem));margin:2rem auto;display:grid;gap:1rem}.public-block{padding:clamp(1.2rem,4vw,2.5rem);border-radius:22px;background:#fff;color:#172033;border:1px solid #e7e9ef}.public-block-heading span{font-size:.7rem;letter-spacing:.13em;font-weight:900;color:var(--card-primary)}.public-block-heading h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:.35rem 0 1rem}.public-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.public-gallery figure{margin:0}.public-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px}.public-gallery figcaption{font-size:.8rem;margin-top:.3rem}.public-service-grid,.public-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.public-service-grid article,.public-testimonial-grid blockquote{margin:0;padding:1rem;border-radius:15px;background:#f7f8fb}.public-service-grid h3{margin:.4rem 0}.public-testimonial-grid span{color:#d99313}.public-testimonial-grid cite{font-style:normal;font-weight:800}.public-faq{display:grid;gap:.5rem}.public-faq details{padding:1rem;border-radius:14px;background:#f7f8fb}.public-faq summary{font-weight:800;cursor:pointer}.public-location,.public-store-callout{display:flex;align-items:center;justify-content:space-between;gap:1rem}.public-store-callout h3{font-size:1.7rem;margin:.35rem 0}.public-share-dock{width:min(900px,calc(100% - 2rem));margin:1rem auto 2rem;padding:.8rem 1rem;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;background:#fff;color:#172033;border:1px solid #e7e9ef}.public-share-dock a,.public-share-dock button{border:0;background:none;color:var(--card-primary);font-weight:800;cursor:pointer}

/* Advanced public store */
.store-modern-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,4rem);position:sticky;top:0;z-index:45;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(225,228,236,.9);color:#172033}.store-logo-link{display:flex;align-items:center;gap:.65rem}.store-logo-link>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--store-primary);color:#fff;font-weight:900}.store-modern-header nav{display:flex;gap:1rem}.store-modern-header nav a{font-weight:750}.store-cart-button{border:0;border-radius:999px;padding:.75rem 1rem;background:#111728;color:#fff;font-weight:800}.store-cart-button b{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#fff;color:#111728;margin-left:.35rem}.store-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.store-filter-bar{display:grid;grid-template-columns:1.5fr 1fr auto;gap:.7rem;align-items:end;padding:1rem;border:1px solid #e4e7ee;border-radius:16px;background:#fff;margin-bottom:1rem}.category-chip-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.7rem}.category-chip-row a{white-space:nowrap;padding:.55rem .8rem;border-radius:999px;border:1px solid #dfe3eb;background:#fff;color:#3b4455}.category-chip-row a.active{background:#111728;color:#fff;border-color:#111728}.advanced-catalog-grid .catalog-card{position:relative}.featured-ribbon{position:absolute;top:1rem;right:1rem;padding:.35rem .55rem;border-radius:999px;background:#fff;color:#111728;font-size:.7rem;font-weight:900}.product-category{display:block;color:var(--store-primary);font-weight:800;margin-top:.5rem}.product-buy-row{display:grid;grid-template-columns:95px 1fr;gap:.6rem;align-items:end;margin-top:1rem}.product-buy-row label{margin:0}.store-cart-drawer{position:fixed;inset:0 0 0 auto;width:min(440px,94vw);z-index:100;background:#fff;color:#172033;padding:1rem;display:flex;flex-direction:column;transform:translateX(105%);transition:.25s;box-shadow:-25px 0 60px rgba(15,23,42,.22)}.store-cart-drawer.open{transform:translateX(0)}.store-cart-drawer header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7ed;padding-bottom:1rem}.store-cart-drawer header h2{margin:.2rem 0}.store-cart-drawer header button,.checkout-close{border:0;background:#f0f2f6;width:40px;height:40px;border-radius:12px;font-size:1.4rem}.cart-items{display:grid;gap:.7rem;overflow-y:auto;padding:1rem 0;flex:1}.cart-line{display:grid;grid-template-columns:58px 1fr auto;gap:.7rem;align-items:center;padding:.65rem;border:1px solid #e5e7ed;border-radius:13px}.cart-line img,.cart-line-placeholder{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#f0f2f6;display:grid;place-items:center}.cart-line h3,.cart-line p{margin:0}.cart-line p{color:#687184;font-size:.78rem}.cart-line-actions{display:flex;gap:.35rem;align-items:center}.cart-line-actions button{border:0;background:#edf0f5;width:28px;height:28px;border-radius:8px}.cart-empty{padding:2rem;text-align:center;color:#6b7280}.store-cart-drawer footer{border-top:1px solid #e5e7ed;padding-top:1rem}.store-cart-drawer footer>div{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1.1rem}.store-cart-backdrop{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.48)}.store-checkout-modal{position:fixed;inset:0;z-index:120;padding:2rem;overflow-y:auto;background:rgba(15,23,42,.66)}.advanced-checkout{position:relative;margin:auto;background:#fff;color:#172033}.checkout-close{position:absolute;right:1rem;top:1rem}.checkout-total-row{display:flex;justify-content:space-between;padding:1rem;margin:1rem 0;border-radius:14px;background:#f1f3f7;font-size:1.2rem}.store-reviews-section{padding:clamp(2rem,6vw,5rem);background:#f5f6fa;color:#172033}.public-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.public-review-grid article{padding:1rem;border-radius:16px;background:#fff;border:1px solid #e4e7ed}.public-review-grid span{color:#d99313}.public-review-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:800px;margin:2rem auto 0}.public-review-form .span-2{grid-column:1/-1}.booking-public-page{min-height:100vh;background:linear-gradient(145deg,#f4f5fb,#fff);color:#172033}.booking-public-hero{padding:clamp(3rem,8vw,7rem);background:linear-gradient(140deg,var(--booking-primary),var(--booking-secondary));color:#fff}.booking-public-hero h1{font-size:clamp(2.5rem,7vw,5rem);max-width:850px;margin:1rem 0}.booking-public-content{padding:clamp(2rem,6vw,5rem);max-width:1200px;margin:auto}.booking-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.booking-service-grid article{padding:1.2rem;border:1px solid #e1e5ec;border-radius:18px;background:#fff}.booking-duration{display:inline-block;padding:.35rem .55rem;border-radius:999px;background:#eeefff;color:var(--booking-primary);font-weight:800}.booking-public-form{padding:clamp(1rem,4vw,2rem);border:1px solid #e1e5ec;border-radius:22px;background:#fff}

@media(max-width:1200px){.qr-target-grid{grid-template-columns:repeat(3,1fr)}.crm-grid,.booking-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.variant-form{grid-template-columns:repeat(2,1fr)}.suite-product-row{grid-template-columns:64px 1fr .7fr .5fr;}.suite-product-row>:nth-child(5),.suite-product-row>:nth-child(6){grid-column:auto}.public-service-grid,.public-testimonial-grid,.booking-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.suite-hero,.suite-toolbar{align-items:stretch;flex-direction:column}.suite-toolbar form{min-width:0}.suite-store-grid,.integration-grid{grid-template-columns:1fr}.suite-form-grid{grid-template-columns:1fr}.suite-form-grid .span-2{grid-column:1}.suite-setting-summary{grid-template-columns:repeat(2,1fr)}.check-grid{grid-template-columns:repeat(2,1fr)}.crm-grid,.booking-grid,.team-grid{grid-template-columns:1fr}.qr-target-grid{grid-template-columns:repeat(2,1fr)}.suite-product-row{grid-template-columns:56px 1fr}.suite-product-row>*:not(:first-child):not(:nth-child(2)){grid-column:2}.order-inline-form{min-width:460px}.two-factor-setup{grid-template-columns:1fr}.store-modern-header nav{display:none}.store-filter-bar{grid-template-columns:1fr}.public-gallery,.public-service-grid,.public-testimonial-grid,.public-review-grid,.booking-service-grid{grid-template-columns:1fr}.public-location,.public-store-callout{align-items:flex-start;flex-direction:column}.public-share-dock{border-radius:20px}.public-review-form{grid-template-columns:1fr}.public-review-form .span-2{grid-column:1}.store-checkout-modal{padding:.6rem}.suite-product-row img,.suite-product-row .product-placeholder{width:56px;height:56px}}
@media(max-width:560px){.suite-hero,.suite-toolbar,.panel-card{padding:1rem}.suite-action-grid{grid-template-columns:1fr}.suite-setting-summary,.check-grid,.qr-target-grid{grid-template-columns:1fr}.variant-form{grid-template-columns:1fr}.variant-form .btn{grid-column:1}.builder-block-list article{grid-template-columns:30px 1fr}.builder-block-list .status,.builder-block-list form{grid-column:2}.support-message{max-width:100%}.store-modern-header{padding:.75rem}.store-logo-link strong{max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-buy-row{grid-template-columns:1fr}.store-cart-drawer{width:100vw}.public-blocks{width:calc(100% - 1rem)}.public-share-dock{width:calc(100% - 1rem)}}
.dashboard-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.dashboard-module-grid a{padding:1rem;border:1px solid var(--border);border-radius:16px;background:#fff;transition:.2s}.dashboard-module-grid a:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.07)}.dashboard-module-grid span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eeefff;color:var(--primary);font-size:1.2rem}.dashboard-module-grid strong{display:block;margin:.8rem 0 .25rem}.dashboard-module-grid p{margin:0;color:var(--muted);font-size:.8rem}@media(max-width:1100px){.dashboard-module-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.dashboard-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard-module-grid{grid-template-columns:1fr}}
.payment-result-page{min-height:70vh;display:grid;place-items:center;padding:2rem;background:#f5f6fa}.payment-result-card{width:min(560px,100%);padding:2rem;border-radius:22px;background:#fff;border:1px solid #e2e5ec;text-align:center}.payment-result-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;font-size:2rem;font-weight:900}.payment-result-icon.success{background:#e7f8ed;color:#16843d}.payment-result-icon.pending{background:#fff4dd;color:#a96a00}.payment-result-card h1{font-size:2rem}.payment-result-card .form-actions{justify-content:center;margin-top:1.5rem}

/* Admin support center */
.support-admin-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.ticket-list{display:grid;gap:.55rem}.ticket-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.8rem;border:1px solid var(--border);border-radius:13px}.ticket-row.active,.ticket-row:hover{border-color:var(--primary);background:#fafaff}.ticket-row small{grid-column:2;color:var(--muted)}.priority-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}.priority-dot.urgent{background:#dc2626}.priority-dot.high{background:#f97316}.priority-dot.normal{background:#2563eb}.support-thread{display:grid;gap:.75rem;max-height:520px;overflow:auto;padding-right:.25rem}.support-message{padding:1rem;border-radius:15px;background:#f5f7fb}.support-message.from-admin{background:#f0efff;margin-left:8%}.support-message header{display:flex;justify-content:space-between;gap:1rem}.support-message p{margin:.55rem 0 0}.support-reply-form{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}@media(max-width:980px){.support-admin-layout{grid-template-columns:1fr}.support-thread{max-height:none}}

/* Video de presentación en la landing */
.landing-video-section{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(4rem,8vw,7rem) 0;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.landing-video-copy h2{font-size:clamp(2.25rem,4.7vw,4.4rem);line-height:1.02;letter-spacing:-.045em;margin:.75rem 0 1.1rem;max-width:650px}
.landing-video-copy>p{font-size:1.05rem;color:var(--muted);max-width:620px;margin:0 0 1.4rem}
.landing-video-points{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.landing-video-points span{padding:.48rem .72rem;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.82rem;font-weight:750;box-shadow:0 8px 22px rgba(31,41,55,.045)}
.landing-video-frame{position:relative;padding:.75rem;border-radius:28px;background:#111728;box-shadow:0 28px 70px rgba(17,23,40,.22);overflow:hidden}
.landing-video-frame video{display:block;width:100%;aspect-ratio:16/9;border-radius:20px;background:#090d18;object-fit:cover}
.landing-video-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem .45rem .2rem;color:#fff}
.landing-video-caption strong,.landing-video-caption span{display:block}
.landing-video-caption span{font-size:.82rem;color:#aeb7cd;text-align:right}
@media(max-width:900px){.landing-video-section{grid-template-columns:1fr}.landing-video-copy{text-align:center}.landing-video-copy h2,.landing-video-copy>p{margin-left:auto;margin-right:auto}.landing-video-points{justify-content:center}}
@media(max-width:560px){.landing-video-section{width:min(100% - 1.5rem,1180px);padding:3.5rem 0}.landing-video-frame{padding:.45rem;border-radius:20px}.landing-video-frame video{border-radius:15px}.landing-video-caption{display:grid;gap:.15rem;text-align:left;padding:.75rem .35rem .15rem}.landing-video-caption span{text-align:left}.landing-video-copy .btn{width:100%}}

/* Resumen moderno del panel */
.dashboard-overview{display:grid;gap:1.15rem}.overview-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:1.5rem;align-items:center;padding:clamp(1.35rem,3vw,2.35rem);border-radius:26px;background:linear-gradient(130deg,#171a3c 0%,#34339d 52%,#635be8 100%);color:#fff;box-shadow:0 22px 55px rgba(36,38,108,.22)}.overview-hero:before,.overview-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.overview-hero:before{width:300px;height:300px;right:-110px;top:-175px;background:rgba(255,255,255,.12)}.overview-hero:after{width:180px;height:180px;left:46%;bottom:-145px;background:rgba(92,232,255,.13)}.overview-hero-copy,.overview-pulse{position:relative;z-index:1}.overview-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.overview-chip i{width:7px;height:7px;border-radius:50%;background:#76f1bd;box-shadow:0 0 0 5px rgba(118,241,189,.12)}.overview-hero h2{margin:.9rem 0 .45rem;font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.08}.overview-hero-copy>p{max-width:680px;margin:0;color:rgba(255,255,255,.76);font-size:clamp(.92rem,1.5vw,1.04rem)}.overview-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.btn.overview-primary{background:#fff;color:#302e8c;box-shadow:0 12px 26px rgba(18,20,65,.2)}.btn.overview-secondary{background:rgba(255,255,255,.11);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.overview-pulse{padding:1.15rem;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(8,10,40,.2);backdrop-filter:blur(14px)}.pulse-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:rgba(255,255,255,.7);font-size:.74rem}.pulse-heading b{color:#fff;font-size:.78rem}.pulse-number{display:flex;align-items:baseline;gap:.55rem;padding:1rem 0 .85rem}.pulse-number strong{font-size:clamp(2.4rem,5vw,4rem);line-height:1}.pulse-number span{color:rgba(255,255,255,.72);font-weight:700}.pulse-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.15)}.pulse-meta span{display:grid;gap:.1rem;color:rgba(255,255,255,.62);font-size:.68rem}.pulse-meta b{color:#fff;font-size:1rem}.overview-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.overview-kpi{min-width:0;display:flex;gap:.85rem;align-items:flex-start;padding:1.05rem;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 9px 25px rgba(31,41,55,.035)}.overview-kpi>div{min-width:0}.overview-kpi .kpi-icon{flex:0 0 auto;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900}.overview-kpi small,.overview-kpi strong,.overview-kpi p{display:block}.overview-kpi small{font-size:.7rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.overview-kpi strong{margin:.22rem 0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.25;overflow-wrap:anywhere}.overview-kpi p{margin:0;color:var(--muted);font-size:.75rem}.kpi-indigo .kpi-icon{color:#4f46c8;background:#eeedff}.kpi-blue .kpi-icon{color:#1372b8;background:#e8f5ff}.kpi-green .kpi-icon{color:#13835b;background:#e6f8f0}.kpi-violet .kpi-icon{color:#7c3fbd;background:#f3eaff}.kpi-amber .kpi-icon{color:#aa6810;background:#fff3dc}.overview-chart-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:1rem}.overview-chart-card{min-width:0;padding:1.35rem}.overview-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.overview-section-heading.compact{margin-bottom:1.1rem}.overview-section-heading h2,.panel-card .overview-section-heading h2{margin:.12rem 0 .15rem;font-size:1.08rem}.overview-section-heading p{margin:0;color:var(--muted);font-size:.82rem}.section-kicker{display:block;color:#6863df;font-size:.66rem;font-weight:900;letter-spacing:.13em}.overview-link{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;color:#5b56d9;font-size:.79rem;font-weight:800}.overview-link span{transition:transform .2s}.overview-link:hover span{transform:translateX(3px)}.chart-legend{display:flex;justify-content:flex-end;gap:1rem;margin-top:-.3rem;color:var(--muted);font-size:.72rem;font-weight:700}.chart-legend span{display:flex;align-items:center;gap:.4rem}.chart-legend i{width:20px;height:3px;border-radius:10px}.legend-visitors{background:#6259e8}.legend-orders{background:#23a879}.overview-line-chart{width:100%;margin-top:.2rem}.overview-line-chart svg{display:block;width:100%;height:auto;min-height:245px;overflow:visible}.chart-grid-line{stroke:#e9ebf2;stroke-width:1}.chart-axis-label,.chart-date-label{fill:#8a91a1;font-size:10px;font-family:inherit}.chart-area{fill:url(#visitorsArea);color:#6259e8}.chart-area~*{}.overview-line-chart stop{stop-color:#6259e8}.chart-line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.chart-visitors-line{stroke:#6259e8}.chart-orders-line{stroke:#23a879;stroke-width:2.5}.chart-dot{stroke:#fff;stroke-width:2}.chart-visitor-dot{fill:#6259e8}.chart-order-dot{fill:#23a879}.chart-empty-note{margin-top:-.3rem;padding:.65rem .8rem;border-radius:11px;background:#f7f7fc;color:var(--muted);font-size:.76rem;text-align:center}.donut-layout{display:grid;grid-template-columns:145px minmax(0,1fr);gap:1rem;align-items:center}.orders-donut{width:145px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative}.orders-donut:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #eef0f5}.orders-donut.is-empty{background:#edf0f5!important}.orders-donut>div{position:relative;z-index:1;text-align:center}.orders-donut strong,.orders-donut span{display:block}.orders-donut strong{font-size:1.85rem;line-height:1}.orders-donut span{margin-top:.25rem;color:var(--muted);font-size:.7rem}.donut-legend{display:grid;gap:.7rem}.donut-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:.5rem;align-items:center;font-size:.76rem}.donut-legend i{width:9px;height:9px;border-radius:50%}.donut-completed{background:#6259e8}.donut-processing{background:#f2a43a}.donut-cancelled{background:#e66c78}.donut-legend span{color:var(--muted)}.channel-summary{display:grid;gap:.55rem;margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--border)}.channel-summary-heading{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem}.channel-summary-heading span{color:var(--muted)}.channel-row{display:grid;grid-template-columns:72px minmax(0,1fr) 30px;gap:.55rem;align-items:center;font-size:.7rem}.channel-row>span{color:var(--muted)}.channel-row>div{height:7px;border-radius:999px;background:#edf0f5;overflow:hidden}.channel-row i{display:block;height:100%;border-radius:999px}.channel-pages{background:#6259e8}.channel-stores{background:#3696dd}.channel-whatsapp{background:#25a86f}.channel-orders{background:#f2a43a}.channel-row b{text-align:right}.overview-modules-card{padding:1.35rem}.overview-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.overview-module{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.9rem;border:1px solid var(--border);border-radius:15px;background:#fafbfe;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.overview-module:hover{transform:translateY(-2px);border-color:#aaa7ef;background:#fff;box-shadow:0 13px 28px rgba(31,41,55,.07)}.overview-module.featured{background:linear-gradient(145deg,#f7f7ff,#fff);border-color:#dcdafa}.module-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ecebff;color:#5751d4;font-size:1.05rem;font-weight:900}.overview-module div{min-width:0}.overview-module strong{display:block;font-size:.84rem}.overview-module p{margin:.18rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.35}.overview-module>b{color:#a5a9b7;font-size:.9rem}.overview-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem}.selected-page-card,.plan-overview-card,.overview-list-card{min-width:0;padding:1.3rem}.overview-page-select{margin-bottom:.8rem}.overview-share-box{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:.75rem;align-items:center;padding:.85rem;border:1px solid #e2e1fa;border-radius:15px;background:#f8f8ff}.page-avatar,.overview-list-avatar{display:grid;place-items:center;font-weight:900}.page-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6159e6,#8580f3);color:#fff}.overview-share-box span,.overview-share-box strong{display:block}.overview-share-box span{color:var(--muted);font-size:.68rem}.overview-share-box strong{font-size:.78rem;overflow-wrap:anywhere}.copy-icon-button{width:38px;height:38px;border:1px solid #dddcef;border-radius:11px;background:#fff;color:#5651cf;font-weight:900}.overview-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.overview-quick-actions a{padding:.45rem .65rem;border-radius:9px;background:#f3f4f8;color:#5651cf;font-size:.72rem;font-weight:800}.plan-pill{display:inline-flex;padding:.36rem .65rem;border-radius:999px;background:#e8f7f0;color:#14704d;font-size:.68rem;font-weight:900}.plan-capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.plan-capacity-grid span{padding:.75rem;border-radius:13px;background:#f7f8fb;text-align:center}.plan-capacity-grid small,.plan-capacity-grid strong{display:block}.plan-capacity-grid small{font-size:.63rem}.plan-capacity-grid strong{margin-top:.15rem;font-size:1.05rem}.plan-link{margin-top:1rem}.recent-grid{grid-template-columns:1fr 1fr}.overview-list{display:grid}.overview-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.overview-list-item:last-child{border-bottom:0}.overview-list-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:#eeedff;color:#5751d4}.overview-list-avatar.order-avatar{background:#e8f7f0;color:#16805a}.overview-list-item>div{min-width:0;flex:1}.overview-list-item strong{display:block;font-size:.82rem}.overview-list-item p{margin:.13rem 0 0;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-list-item time{color:var(--muted);font-size:.7rem}
@media(max-width:1280px){.overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1040px){.overview-hero{grid-template-columns:1fr}.overview-pulse{max-width:620px}.overview-chart-grid{grid-template-columns:1fr}.orders-chart-card{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1fr);column-gap:1.4rem}.orders-chart-card>.overview-section-heading{grid-column:1/-1}.orders-chart-card .channel-summary{margin-top:0;padding-top:0;border-top:0}.overview-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-detail-grid{grid-template-columns:1fr}}
@media(max-width:720px){.dashboard-overview{gap:.85rem}.overview-hero{padding:1.25rem;border-radius:21px}.overview-hero h2{font-size:1.85rem}.overview-hero-actions .btn{flex:1}.overview-kpis{grid-template-columns:1fr 1fr;gap:.65rem}.overview-kpi{padding:.85rem}.overview-chart-card,.overview-modules-card,.selected-page-card,.plan-overview-card,.overview-list-card{padding:1rem}.overview-section-heading{align-items:flex-start}.overview-line-chart{overflow-x:auto;padding-bottom:.25rem}.overview-line-chart svg{min-width:620px}.orders-chart-card{display:block}.donut-layout{max-width:430px;margin:auto}.orders-chart-card .channel-summary{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}.overview-module-grid{grid-template-columns:1fr 1fr}.overview-module{grid-template-columns:38px minmax(0,1fr);padding:.8rem}.overview-module>b{display:none}.module-icon{width:38px;height:38px}.recent-grid{grid-template-columns:1fr}.plan-capacity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.overview-hero-actions{display:grid}.overview-hero-actions .btn{width:100%}.pulse-meta{grid-template-columns:1fr 1fr}.pulse-meta span:last-child{grid-column:1/-1}.overview-kpis{grid-template-columns:1fr}.overview-kpi{align-items:center}.overview-module-grid{grid-template-columns:1fr}.overview-section-heading{display:grid}.overview-section-heading .overview-link{justify-self:start}.donut-layout{grid-template-columns:125px minmax(0,1fr)}.orders-donut{width:125px}.overview-share-box{grid-template-columns:38px minmax(0,1fr) 36px}.page-avatar{width:38px;height:38px}.overview-quick-actions{display:grid}.overview-quick-actions a{text-align:center}.overview-list-item{align-items:flex-start}.overview-list-item .status{margin-left:auto}}