:root{--p:#263b73;--a:#24a7a0;--bg:#f3f6fb;--card:#fff;--text:#263047;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.top{height:64px;background:#fff;border-bottom:1px solid #dde4ef;display:flex;align-items:center;padding:0 24px;gap:20px;position:sticky;top:0;z-index:5}.brand{width:44px;height:44px;background:linear-gradient(135deg,var(--p),var(--a));color:white;border-radius:12px;display:grid;place-items:center;font-weight:800}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}aside{background:#172445;color:#dce5f7;padding:20px 12px}aside a{display:block;padding:11px 14px;border-radius:9px;margin:3px 0}aside a:hover{background:#263b73}main.content{padding:24px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:white;border:1px solid #e1e7f0;border-radius:14px;padding:18px;box-shadow:0 4px 18px #1c31500c}.metric{font-size:28px;font-weight:800;margin-top:8px}.panel{margin-top:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf0f5}th{font-size:12px;text-transform:uppercase;color:#65708a}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cfd7e4;border-radius:9px;background:white}label{display:block;font-size:13px;font-weight:600}label input,label select{margin-top:6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.btn,button{display:inline-block;border:0;border-radius:9px;padding:10px 16px;background:var(--p);color:#fff;font-weight:700;cursor:pointer}.btn.alt{background:var(--a)}.btn.light{background:#e8edf6;color:#263b73}.alert{padding:12px;border-radius:9px;margin:12px 0}.error{background:#fee4e2;color:#912018}.okmsg{background:#dcfae6;color:#087443}.login,.install{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#172445,#2e4b87)}.loginbox,.installer{width:min(1050px,92vw);background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 80px #0005}.loginbox{max-width:430px}.installer header{display:flex;gap:16px;align-items:center}.installer .brand{width:64px;height:64px}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.checks div{padding:10px;background:#f4f7fb;border-radius:9px}.checks strong{float:right}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.ok{background:#17b26a}.dot.bad{background:#f04438}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{display:flex;overflow:auto;padding:8px}aside a{white-space:nowrap}.cards,.grid,.checks{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards,.grid,.checks{grid-template-columns:1fr}.content{padding:14px!important}.top{padding:0 12px}}
.admin-logo{width:46px;height:46px;object-fit:contain;border-radius:10px}.header-subtitle{display:block;color:#68758d;margin-top:2px}.public-link{color:var(--p);font-weight:700}aside a.active{background:var(--p);color:#fff}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}.settings-card,.integration-card{background:#fff;border:1px solid #e1e7f0;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 7px 24px #1c31500d}.settings-head,.integration-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.settings-head h2,.integration-title h2{margin:0}.settings-head p,.integration-title p{margin:4px 0 0;color:#68758d}.settings-icon,.integration-title>span{font-size:28px}.integration-title .switch{margin-left:auto}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-card{margin:0}.form-stack{display:grid;gap:12px}.switch input{display:none}.switch span{display:block;width:48px;height:27px;border-radius:20px;background:#ccd4e1;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:21px;height:21px;background:#fff;border-radius:50%;left:3px;top:3px;box-shadow:0 1px 4px #0003;transition:.2s}.switch input:checked+span{background:var(--a)}.switch input:checked+span:after{left:24px}.logo-preview{display:flex;align-items:center;gap:20px;margin-top:15px;padding:12px;background:#f6f8fc;border-radius:12px}.logo-preview img{max-width:150px;max-height:70px}.logo-preview input,.checkline input{width:auto}.savebar{position:sticky;bottom:0;background:#ffffffee;padding:14px;margin-top:18px;border-top:1px solid #e1e7f0;z-index:4}.thumb{width:64px;height:54px;object-fit:cover;border-radius:8px}.thumb.empty{display:grid;place-items:center;background:#eef2f7;font-size:11px}.table-wrap{overflow:auto}.badge{padding:5px 9px;border-radius:999px;background:#e8edf6;font-size:12px;font-weight:700}
.public-body{background:#fff}.public-header{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf1;background:#fff;position:sticky;top:0;z-index:20}.public-brand{display:flex;align-items:center;gap:12px}.public-brand img{width:54px;height:54px;object-fit:contain}.public-brand small{display:block;color:#718096;margin-top:3px}.public-header nav{display:flex;align-items:center;gap:20px;font-weight:650}.cart-button{background:var(--p);color:#fff;padding:9px 14px;border-radius:10px}.cart-button b{background:#fff;color:var(--p);border-radius:999px;padding:2px 7px;margin-left:5px}.cart-button.large{display:inline-block}.public-alert{max-width:1180px;margin:16px auto}.hero{min-height:520px;padding:80px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--p) 10%,white),color-mix(in srgb,var(--a) 12%,white));overflow:hidden}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:12px 0 20px;max-width:760px}.hero p{font-size:20px;line-height:1.6;color:#526078;max-width:650px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:900;color:var(--a)}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-visual{min-height:350px;position:relative}.hero-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--a));right:30px;top:0;box-shadow:0 30px 70px #263b7340}.floating-card{position:absolute;background:#fff;padding:22px;border-radius:18px;box-shadow:0 18px 45px #263b7330;right:180px;top:70px;width:230px}.floating-card.second{right:0;top:220px}.floating-card b,.floating-card span{display:block}.floating-card span{color:#68758d;margin-top:8px;line-height:1.45}.public-section{max-width:1180px;margin:auto;padding:75px 24px}.institution{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.institution h2{font-size:38px;margin:10px 0}.institution p{font-size:18px;line-height:1.8;color:#5a667b}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:10px}.feature-grid article{border:1px solid #e4e9f1;border-radius:18px;padding:25px}.feature-grid article>span{font-size:32px}.feature-grid h3{margin-bottom:7px}.feature-grid p{color:#68758d}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h1,.public-section>h1{font-size:42px;margin:8px 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{border:1px solid #e3e8f0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #1724450b}.carousel{height:280px;background:#f0f3f8;position:relative}.carousel img{display:none;width:100%;height:100%;object-fit:cover}.carousel img.active{display:block}.carousel button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border-radius:50%;background:#ffffffdc;color:#263047;font-size:25px}.carousel .prev{left:10px}.carousel .next{right:10px}.no-image{height:100%;display:grid;place-items:center;color:#8a94a7}.product-info{padding:20px}.product-info h2{margin:6px 0}.product-info small,.stock-label{color:#738096}.price{font-size:25px;font-weight:850;margin:12px 0}.buy-row{display:grid;grid-template-columns:80px 1fr;gap:10px;margin-top:15px}.checkout-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:26px}.cart-list,.checkout-card{border:1px solid #e2e8f0;border-radius:18px;padding:22px;background:#fff}.cart-item{display:grid;grid-template-columns:1fr 90px 130px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #edf1f5}.cart-item small{display:block;color:#778196;margin-top:5px}.checkout-card{display:grid;gap:13px}.checkout-total{display:flex;justify-content:space-between;font-size:22px;border-top:1px solid #e2e8f0;padding-top:16px;margin-top:4px}.empty-cart,.success-page{text-align:center;padding:100px 24px}.success-icon{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#dcfae6;color:#087443;font-size:48px;margin:0 auto}.success-page p{font-size:18px;max-width:650px;margin:20px auto 30px;line-height:1.7}.public-footer{padding:30px max(24px,calc((100vw - 1180px)/2));background:#172445;color:#fff;display:flex;justify-content:space-between}.public-footer span{color:#bdc9dd}
@media(max-width:900px){.integration-grid,.hero,.institution,.checkout-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{display:none}.public-header nav a:not(.cart-button):not(.btn){display:none}}
@media(max-width:600px){.integration-grid,.product-grid,.feature-grid{grid-template-columns:1fr}.public-header{padding:0 12px}.public-brand small{display:none}.public-header nav{gap:8px}.public-header .btn{display:none}.hero{padding:55px 20px;min-height:430px}.hero h1{font-size:43px}.public-section{padding:50px 16px}.section-heading{align-items:flex-start;gap:20px}.cart-item{grid-template-columns:1fr 70px}.cart-item>b{grid-column:1/-1}.span-2{grid-column:auto}}

/* Identidad visual unificada */
body{background:var(--bg)}
.top{background:color-mix(in srgb,var(--bg) 94%,white);border-bottom-color:color-mix(in srgb,var(--p) 16%,transparent)}
aside{background:linear-gradient(180deg,color-mix(in srgb,var(--p) 82%,#101828),color-mix(in srgb,var(--p) 62%,#101828));}
aside a:hover{background:color-mix(in srgb,var(--a) 24%,transparent)}
.card,.panel,.settings-card,.integration-card{border-color:color-mix(in srgb,var(--p) 14%,transparent)}
.btn.light{background:color-mix(in srgb,var(--p) 11%,white);color:var(--p)}
.password-field{display:grid;grid-template-columns:1fr 44px;gap:7px;margin-top:6px}
.password-field input{margin-top:0}
.password-toggle{width:44px;padding:0;background:color-mix(in srgb,var(--p) 10%,white);color:var(--p);border:1px solid color-mix(in srgb,var(--p) 20%,transparent);font-size:17px}

.public-body{background:var(--bg);color:var(--text)}
.public-main{min-height:calc(100vh - 150px)}
.public-header{height:82px;padding:0;background:color-mix(in srgb,var(--bg) 92%,white);border-bottom:1px solid color-mix(in srgb,var(--p) 15%,transparent);box-shadow:0 8px 30px color-mix(in srgb,var(--p) 7%,transparent);backdrop-filter:blur(12px)}
.public-header-inner{width:min(1180px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.public-logo-wrap{width:56px;height:56px;padding:5px;border-radius:15px;background:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--p) 14%,transparent);display:grid;place-items:center}
.public-brand img{width:100%;height:100%;object-fit:contain}
.public-brand strong{font-size:17px;color:var(--p)}
.public-brand small{color:color-mix(in srgb,var(--p) 58%,#667085)}
.public-header nav a:not(.cart-button):not(.btn){position:relative;padding:9px 2px;color:color-mix(in srgb,var(--p) 78%,#344054)}
.public-header nav a:not(.cart-button):not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--a);transition:.2s}
.public-header nav a:not(.cart-button):not(.btn):hover:after{right:0}
.cart-button{background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 70%,var(--a)));box-shadow:0 8px 20px color-mix(in srgb,var(--p) 22%,transparent)}
.public-admin-btn{background:var(--a);box-shadow:0 8px 20px color-mix(in srgb,var(--a) 25%,transparent)}
.public-alert{max-width:1180px;border-radius:12px;padding:13px 16px}
.hero{min-height:570px;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--p) 12%,var(--bg)),color-mix(in srgb,var(--a) 16%,var(--bg)));border-bottom:1px solid color-mix(in srgb,var(--p) 12%,transparent)}
.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--p) 13%,transparent) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.hero-copy,.hero-visual{position:relative;z-index:1}
.hero h1{color:color-mix(in srgb,var(--p) 87%,#101828);letter-spacing:-.045em}
.hero p{color:color-mix(in srgb,var(--p) 56%,#475467)}
.eyebrow{color:var(--a)}
.hero-actions .btn{padding:13px 21px;border-radius:12px;box-shadow:0 9px 22px color-mix(in srgb,var(--p) 18%,transparent)}
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:color-mix(in srgb,var(--p) 62%,#475467);font-size:13px;font-weight:700}
.hero-orbit{position:absolute;width:360px;height:360px;border-radius:50%;right:15px;top:0;background:linear-gradient(145deg,var(--p),var(--a));box-shadow:0 35px 80px color-mix(in srgb,var(--p) 32%,transparent)}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #ffffff55;border-radius:50%}
.hero-orbit:before{inset:35px}.hero-orbit:after{inset:80px}
.floating-card{border:1px solid color-mix(in srgb,var(--p) 12%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--p) 22%,transparent)}
.floating-card.second{right:-10px;top:245px}.floating-card.third{right:165px;top:285px}
.floating-icon{font-size:25px!important;margin:0 0 12px!important}
.public-section{width:min(1180px,100%);}
.institution{padding-top:88px;padding-bottom:88px}
.institution-title{padding:30px;border-radius:22px;background:linear-gradient(145deg,var(--p),color-mix(in srgb,var(--p) 72%,var(--a)));color:#fff;box-shadow:0 22px 50px color-mix(in srgb,var(--p) 23%,transparent)}
.institution-title .eyebrow{color:color-mix(in srgb,var(--a) 45%,white)}
.institution-title h2{color:#fff;margin-bottom:0}
.institution-copy{padding:12px 0}
.text-link{color:var(--p);font-weight:800}
.public-band{background:color-mix(in srgb,var(--p) 7%,var(--bg));border-top:1px solid color-mix(in srgb,var(--p) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--p) 10%,transparent)}
.feature-grid article{background:color-mix(in srgb,var(--bg) 75%,white);border-color:color-mix(in srgb,var(--p) 15%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--p) 8%,transparent);transition:.2s}
.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px color-mix(in srgb,var(--p) 14%,transparent)}
.section-heading h1,.public-section>h1{color:var(--p)}
.product-card,.cart-list,.checkout-card{background:color-mix(in srgb,var(--bg) 76%,white);border-color:color-mix(in srgb,var(--p) 15%,transparent);box-shadow:0 12px 34px color-mix(in srgb,var(--p) 10%,transparent)}
.product-card{transition:.22s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px color-mix(in srgb,var(--p) 17%,transparent)}
.carousel{background:color-mix(in srgb,var(--p) 7%,var(--bg))}
.carousel button.prev,.carousel button.next{background:color-mix(in srgb,var(--bg) 86%,white);color:var(--p);box-shadow:0 4px 15px #0002}
.carousel-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:6px;background:#ffffffc9;padding:5px 8px;border-radius:999px;backdrop-filter:blur(8px)}
.carousel-dots button{position:static;transform:none;width:7px;height:7px;min-width:7px;padding:0;border-radius:50%;background:color-mix(in srgb,var(--p) 25%,white);box-shadow:none}
.carousel-dots button.active{background:var(--a);width:18px}
.price{color:var(--p)}
.stock-label{display:inline-block;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--a) 12%,var(--bg));color:color-mix(in srgb,var(--a) 75%,#1d2939);font-weight:700}
.public-footer{padding:0;background:linear-gradient(135deg,color-mix(in srgb,var(--p) 86%,#101828),color-mix(in srgb,var(--p) 68%,var(--a)))}
.public-footer-inner{width:min(1180px,calc(100% - 40px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.public-footer small{display:block;margin-top:5px;color:#ffffffb8}.public-footer span{color:#ffffffc8}
.public-empty{padding:70px;border-radius:20px;background:color-mix(in srgb,var(--bg) 72%,white);text-align:center}

@media(max-width:900px){.public-header-inner{width:calc(100% - 24px)}.hero{padding-left:24px;padding-right:24px}.institution-title{padding:24px}.floating-card.third{display:none}}
@media(max-width:600px){.public-header-inner{width:calc(100% - 20px)}.public-logo-wrap{width:48px;height:48px}.public-brand strong{font-size:14px}.hero-trust{gap:9px;display:grid}.institution{gap:22px}.public-footer-inner{padding:20px 0;display:grid}.public-admin-btn{display:none!important}}

/* Configuración general completamente en tarjetas */
.page-lead{margin:-6px 0 20px;color:#6b7890}.settings-form{display:block}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-grid .settings-card,.settings-grid .integration-card{margin:0;height:100%}.settings-head,.integration-title{min-height:58px}.settings-head h2,.integration-title h2{margin:0 0 4px}.settings-head p,.integration-title p{margin:0;color:#718096;font-weight:400;line-height:1.35}.form-stack{display:grid;gap:13px;margin-top:18px}.form-stack textarea{resize:vertical}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-grid input[type=color]{height:44px;padding:4px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-line{display:flex;align-items:center;gap:8px;font-weight:600}.check-line input{width:auto;margin:0}.card-note{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--a) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--a) 22%,transparent);color:color-mix(in srgb,var(--p) 72%,#344054);font-size:13px;line-height:1.45}.save-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--p) 8%,white),color-mix(in srgb,var(--a) 8%,white))}.save-card strong{font-size:17px;color:var(--p)}.save-card p{margin:4px 0 0;color:#6f7c91}.save-card button{min-width:210px}.logo-preview{margin-top:0}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}.settings-grid .settings-card,.settings-grid .integration-card{height:auto}}
@media(max-width:600px){.color-grid,.two-fields{grid-template-columns:1fr}.save-card{align-items:stretch;flex-direction:column}.save-card button{width:100%;min-width:0}}


/* PUBLICA UNIFICADA CON PANEL PRIVADO */
.public-body{background:var(--bg);color:var(--text)}
.public-top{justify-content:space-between;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #dde4ef;box-shadow:none}
.public-brand{display:flex;align-items:center;gap:12px;min-width:0}
.public-brand strong{display:block;color:var(--text)}
.public-nav{display:flex;align-items:center;gap:8px}
.public-nav>a:not(.btn){padding:10px 12px;border-radius:9px;color:#526078;font-weight:700}
.public-nav>a:not(.btn):hover{background:color-mix(in srgb,var(--p) 8%,white);color:var(--p)}
.public-shell{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:24px 0 42px;min-height:calc(100vh - 140px)}
.public-dashboard{display:grid;gap:18px}
.public-welcome{margin:0;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:28px}
.public-welcome h1{margin:8px 0 14px;font-size:clamp(34px,5vw,54px);line-height:1.06;color:var(--p);letter-spacing:-.035em}
.public-welcome>div>p{font-size:18px;line-height:1.65;color:#637089;max-width:700px}
.public-summary{display:grid;gap:12px}
.public-summary .card{padding:16px;box-shadow:none;background:color-mix(in srgb,var(--bg) 72%,white)}
.public-summary small,.public-features small{color:#6b7890;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.public-summary strong{display:block;font-size:18px;color:var(--p);margin:5px 0}
.public-summary span{color:#6b7890;font-size:13px;line-height:1.4}
.public-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.public-grid .panel{margin:0}
.public-about h2,.public-contact h2{margin:7px 0 12px;color:var(--p)}
.public-about p{line-height:1.75;color:#5f6d85}
.public-contact{display:flex;flex-direction:column;gap:13px}
.contact-row{padding:12px;border-radius:10px;background:color-mix(in srgb,var(--p) 6%,white);border:1px solid color-mix(in srgb,var(--p) 10%,transparent)}
.contact-row b,.contact-row span{display:block}.contact-row span{margin-top:5px;color:#68758d}
.public-features{grid-template-columns:repeat(4,minmax(0,1fr))}
.public-features .card{min-height:170px}.public-features .metric{font-size:24px;color:var(--p)}.public-features p{color:#68758d;line-height:1.5}
.public-section{max-width:none;margin:0;padding:0}
.section-heading{margin:0 0 18px}.section-heading h1,.public-section>h1{font-size:32px;color:var(--p)}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-card,.cart-list,.checkout-card{border-radius:14px;border:1px solid #e1e7f0;box-shadow:0 4px 18px #1c31500c;background:#fff}
.product-card:hover{transform:none;box-shadow:0 8px 24px #1c315017}
.carousel{height:240px;background:#f2f5f9}.product-info{padding:18px}.price{font-size:23px;color:var(--p)}
.cart-button.large{background:var(--p);color:#fff;padding:10px 15px;border-radius:9px}
.checkout-grid{gap:18px}.cart-list,.checkout-card{padding:18px}
.public-empty,.success-page{margin:40px 0;text-align:center}
.public-footer{min-height:76px;padding:18px max(24px,calc((100vw - 1220px)/2));background:#fff;color:var(--text);border-top:1px solid #dde4ef;display:flex;align-items:center;justify-content:space-between}
.public-footer small{display:block;color:#68758d;margin-top:4px}.public-footer span{color:#68758d}
@media(max-width:900px){.public-welcome,.public-grid{grid-template-columns:1fr}.public-features{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.public-nav>a:not(.btn){display:none}}
@media(max-width:600px){.public-top{padding:0 12px}.public-shell{width:calc(100% - 24px);padding-top:14px}.public-nav .btn:first-of-type{display:none}.public-welcome{padding:20px}.public-welcome h1{font-size:36px}.public-features,.product-grid{grid-template-columns:1fr}.public-footer{align-items:flex-start;gap:12px;flex-direction:column}.section-heading{align-items:flex-start;gap:12px}.section-heading h1,.public-section>h1{font-size:28px}}

/* v7 - Estética comercial inspirada en marketplaces como Mercado Libre */
:root{--ml-yellow:#ffe600;--ml-blue:#3483fa;--ml-blue-dark:#2968c8;--ml-bg:#ebebeb;--ml-border:#e6e6e6;--ml-muted:#666;--ml-shadow:0 1px 2px rgba(0,0,0,.12)}
body,.public-body{background:var(--ml-bg);color:#333;font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.top,.public-top{height:auto;min-height:72px;background:var(--ml-yellow);border:0;box-shadow:0 1px 0 rgba(0,0,0,.1);padding:10px 24px;color:#333}
.top .brand,.public-top .brand{background:#fff;color:#333;border-radius:6px;box-shadow:var(--ml-shadow)}
.admin-logo{background:#fff;border-radius:6px;padding:3px;box-shadow:var(--ml-shadow)}
.header-subtitle{color:#666;font-size:12px}
.top .public-link,.top a{color:#333}
.top .public-link:hover,.top a:hover{text-decoration:underline}
.layout{min-height:calc(100vh - 72px);grid-template-columns:230px 1fr}
aside{background:#fff;color:#333;padding:18px 10px;border-right:1px solid #ddd;box-shadow:1px 0 3px rgba(0,0,0,.04)}
aside a{border-radius:6px;color:#444;padding:12px 14px;margin:2px 0;font-size:14px}
aside a:hover{background:#f5f5f5;color:var(--ml-blue)}
aside a.active{background:#eaf3ff;color:var(--ml-blue);border-left:4px solid var(--ml-blue);padding-left:10px;font-weight:700}
main.content{padding:28px;max-width:1500px;width:100%;margin:0 auto}
h1{font-size:26px;font-weight:500;color:#333;margin:0 0 22px}.panel h2,.settings-card h2,.integration-card h2{font-weight:500;color:#333}
.card,.panel,.settings-card,.integration-card,.product-card,.cart-list,.checkout-card{background:#fff;border:0;border-radius:6px;box-shadow:var(--ml-shadow)}
.card,.panel{padding:20px}.panel{margin-top:20px}.cards{gap:16px}.metric{color:#333;font-weight:500}.card small{color:#666}
table{background:#fff}th{background:#fafafa;color:#666;font-weight:600;border-bottom:1px solid #ddd}td{border-bottom:1px solid #eee}tr:hover td{background:#fafafa}
input,select,textarea{border:1px solid #bbb;border-radius:6px;padding:11px 12px;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}
input:focus,select:focus,textarea:focus{border-color:var(--ml-blue);outline:2px solid rgba(52,131,250,.15)}
.btn,button{background:var(--ml-blue);border-radius:6px;padding:11px 18px;font-weight:600;box-shadow:none}.btn:hover,button:hover{background:var(--ml-blue-dark)}
.btn.alt{background:#00a650}.btn.alt:hover{background:#008f45}.btn.light{background:#eaf3ff;color:var(--ml-blue)}.btn.light:hover{background:#d9eaff}
.alert{border-radius:6px;box-shadow:var(--ml-shadow)}
.badge{border-radius:12px;background:#eaf3ff;color:var(--ml-blue)}
.settings-grid{gap:16px}.settings-head,.integration-title{border-bottom:1px solid #eee;padding-bottom:12px}.settings-icon,.integration-title>span{width:38px;height:38px;background:#f5f5f5;border-radius:50%;display:grid;place-items:center;font-size:20px}
.save-card{background:#fff;border-top:4px solid var(--ml-yellow)}.save-card strong{color:#333}
.login,.install{background:var(--ml-bg)}.loginbox,.installer{border-radius:8px;border-top:8px solid var(--ml-yellow);box-shadow:0 8px 30px rgba(0,0,0,.14)}

/* Cabecera pública estilo marketplace */
.public-top{display:grid;grid-template-columns:auto minmax(260px,600px) auto;gap:24px;align-items:center;position:sticky;top:0;z-index:20}
.public-brand{min-width:190px}.public-brand strong{font-weight:700}.public-nav{justify-self:end;gap:6px}.public-nav>a:not(.btn){color:#333;font-weight:400;padding:9px 10px}.public-nav>a:not(.btn):hover{background:rgba(255,255,255,.35);color:#333}
.public-search{display:flex;width:100%;height:40px;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.2);overflow:hidden}
.public-search input{border:0;border-radius:0;box-shadow:none;font-size:16px;padding:10px 15px}.public-search input:focus{outline:none}.public-search button{width:48px;padding:0;border-radius:0;background:#fff;color:#666;border-left:1px solid #eee;font-size:18px}.public-search button:hover{background:#f5f5f5;color:#333}
.public-shell{width:min(1200px,calc(100% - 32px));padding:28px 0 48px}
.public-welcome{background:#fff;border-radius:6px;padding:32px;box-shadow:var(--ml-shadow);border-top:5px solid var(--ml-yellow)}
.public-welcome h1{color:#333;font-weight:400;letter-spacing:-.02em}.public-welcome>div>p{color:#666}.eyebrow{color:var(--ml-blue);letter-spacing:.08em}
.public-summary .card{background:#fff;border:1px solid #eee}.public-summary strong{color:#333}.public-grid{gap:16px}.public-about h2,.public-contact h2{color:#333;font-weight:400}.contact-row{background:#fafafa;border:1px solid #eee;border-radius:6px}
.public-features{gap:16px}.public-features .card{border-top:3px solid var(--ml-yellow);min-height:160px}.public-features .metric{color:#333;font-weight:400}
.section-heading h1,.public-section>h1{color:#333;font-weight:400}.cart-button.large{background:var(--ml-blue);border-radius:6px}.cart-button.large:hover{background:var(--ml-blue-dark)}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{border-radius:6px;transition:box-shadow .2s,transform .2s;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.carousel{height:250px;background:#fff;border-bottom:1px solid #eee}.carousel img{object-fit:contain;padding:12px}.carousel button{background:rgba(255,255,255,.92);color:var(--ml-blue);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.product-info{padding:18px}.product-info h2{font-size:16px;font-weight:400;line-height:1.35;min-height:42px}.product-info small,.stock-label{color:#777}.price{font-size:25px;font-weight:400;color:#333}.buy-row{grid-template-columns:65px 1fr}
.cart-list,.checkout-card{border-radius:6px}.checkout-total{color:#333}.public-footer{background:#fff;color:#666;border-top:1px solid #ddd;min-height:90px}.public-footer strong{color:#333}

@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.public-top{grid-template-columns:auto 1fr}.public-search{grid-column:1/-1;grid-row:2}.public-nav{grid-column:2;grid-row:1}}
@media(max-width:900px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #ddd}.product-grid{grid-template-columns:repeat(2,1fr)}.public-top{padding:10px 14px}.public-nav>a:not(.btn){display:none}}
@media(max-width:600px){.top{padding:9px 12px}.top>span{font-size:12px}.public-top{grid-template-columns:1fr auto;gap:10px}.public-brand{min-width:0}.public-nav{grid-column:2}.public-search{grid-column:1/-1}.public-nav .btn:first-of-type{display:inline-block;padding:9px}.public-nav .btn:last-of-type{display:none}.public-shell{width:calc(100% - 20px);padding-top:16px}.public-welcome{padding:22px}.product-grid{grid-template-columns:1fr}.carousel{height:300px}.content{padding:16px!important}}


/* v9 - Formato marketplace respetando la identidad configurada */
:root{
 --market-header:var(--p);
 --market-action:var(--a);
 --market-bg:var(--bg);
 --market-action-dark:color-mix(in srgb,var(--a) 82%,#000);
 --market-action-soft:color-mix(in srgb,var(--a) 12%,#fff);
 --market-header-soft:color-mix(in srgb,var(--p) 18%,#fff);
 --market-border:color-mix(in srgb,var(--bg) 72%,#999);
 --market-muted:#666;
 --market-shadow:0 1px 2px rgba(0,0,0,.16)
}
html,body{background:var(--market-bg)!important;color:#333!important}
.top,.public-top{background:var(--market-header)!important;color:var(--on-p)!important;border-bottom:1px solid color-mix(in srgb,var(--p) 82%,#000)!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important}
.top a,.public-top a,.public-nav>a:not(.btn){color:var(--on-p)!important}
.top .header-subtitle,.public-top .header-subtitle{color:color-mix(in srgb,var(--on-p) 72%,transparent)!important}
.top .brand,.public-top .brand{background:#fff!important;color:var(--p)!important}
aside{background:#fff!important;color:#333!important;border-right:1px solid var(--market-border)!important}
aside a{color:#444!important;background:transparent!important}
aside a:hover{background:var(--market-action-soft)!important;color:var(--market-action)!important}
aside a.active{background:var(--market-action-soft)!important;color:var(--market-action)!important;border-left:4px solid var(--market-action)!important}
main.content,.public-shell{background:var(--market-bg)!important}
.card,.panel,.settings-card,.integration-card,.product-card,.cart-list,.checkout-card,.public-welcome{background:#fff!important;border-radius:6px!important;border:0!important;box-shadow:var(--market-shadow)!important}
.btn,button,.cart-button.large{background:var(--market-action)!important;color:var(--on-a)!important;border-radius:6px!important}
.btn:hover,button:hover,.cart-button.large:hover{background:var(--market-action-dark)!important;color:var(--on-a)!important}
.btn.alt{background:var(--market-header)!important;color:var(--on-p)!important}
.btn.alt:hover{background:color-mix(in srgb,var(--p) 82%,#000)!important}
.btn.light{background:var(--market-action-soft)!important;color:var(--market-action)!important}
.btn.light:hover{background:color-mix(in srgb,var(--a) 20%,#fff)!important}
input,select,textarea{border:1px solid color-mix(in srgb,var(--market-border) 65%,#888)!important;border-radius:6px!important;background:#fff!important}
input:focus,select:focus,textarea:focus{border-color:var(--market-action)!important;outline:2px solid color-mix(in srgb,var(--a) 18%,transparent)!important}
.public-search{background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important}
.public-search button{background:#fff!important;color:var(--market-action)!important}
.public-search button:hover{background:var(--market-action-soft)!important;color:var(--market-action)!important}
.public-welcome{border-top:5px solid var(--market-header)!important}
.public-features .card{border-top:3px solid var(--market-header)!important}
.eyebrow,.price,.public-link,.badge{color:var(--market-action)!important}
.badge{background:var(--market-action-soft)!important}
.carousel button{background:rgba(255,255,255,.94)!important;color:var(--market-action)!important}
.save-card{border-top:4px solid var(--market-header)!important}
.settings-icon,.integration-title>span{background:var(--market-header-soft)!important;color:var(--p)!important}
.switch input:checked+span{background:var(--market-action)!important}
.public-footer{background:#fff!important;color:#666!important;border-top:1px solid var(--market-border)!important}
.login,.install{background:var(--market-bg)!important}
.loginbox,.installer{border-top:8px solid var(--market-header)!important}
/* v10 - ventas tipo factura y gestion de pedidos */
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{margin:0 0 4px}.section-heading p{margin:0;color:#667085}.invoice-form{display:grid;gap:18px}.invoice-number{font-weight:800;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);padding:10px 14px;border-radius:8px}.invoice-table-wrap{overflow-x:auto}.invoice-table{min-width:860px}.invoice-table select,.invoice-table input{min-width:110px;margin:0}.invoice-table td:first-child select{min-width:310px}.invoice-table th{text-align:left}.invoice-table .line-stock{white-space:nowrap;color:#667085}.invoice-table .line-subtotal{font-weight:700;white-space:nowrap}.icon-button{width:34px;height:34px;padding:0;border-radius:50%;font-size:22px;line-height:1}.invoice-summary{margin-left:auto;margin-top:18px;width:min(360px,100%);display:flex;justify-content:space-between;align-items:center;border-top:2px solid #e5e7eb;padding-top:15px;font-size:1.05rem}.invoice-summary strong{font-size:1.35rem}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.order-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.order-card-head,.order-total,.order-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-card-head small,.order-customer span,.order-customer small{display:block;color:#667085;margin-top:3px}.order-customer{padding:14px 0}.invoice-mini{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.invoice-mini>div{display:grid;grid-template-columns:1fr 70px 110px;gap:8px;padding:9px 0}.invoice-mini-head{font-weight:700;color:#475467}.invoice-mini>div span:last-child{text-align:right}.order-notes{background:#f8fafc;padding:10px;border-radius:8px}.order-total{padding:16px 0;font-size:1.1rem}.order-total strong{font-size:1.35rem}.order-actions{justify-content:flex-end;flex-wrap:wrap}.order-actions form{margin:0}.status-convertido{background:#dcfce7;color:#166534}.status-cancelado{background:#fee2e2;color:#991b1b}.status-pendiente{background:#fef3c7;color:#92400e}@media(max-width:700px){.section-heading{flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions .button,.form-actions button{width:100%}.orders-grid{grid-template-columns:1fr}.order-actions{align-items:stretch}.order-actions>*{width:100%}.order-actions .button,.order-actions button{width:100%}}

/* Calendario operativo */
.calendar-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.calendar-title-row h1{margin-bottom:4px}.calendar-title-row p{margin:0;color:#687080}.calendar-nav{display:flex;gap:8px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.calendar-toolbar>strong{font-size:1.25rem;text-transform:capitalize}.calendar-filters{display:flex;flex-wrap:wrap;gap:10px}.calendar-filters label{display:flex;align-items:center;gap:6px;margin:0;padding:8px 10px;background:var(--soft-accent,#eef4ff);border-radius:8px;font-weight:600}.calendar-filters input{width:auto;margin:0}.calendar-panel{padding:0;overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:rgba(0,0,0,.035);border-bottom:1px solid rgba(0,0,0,.09)}.calendar-weekdays span{text-align:center;padding:11px 4px;font-size:.82rem;font-weight:700;color:#626a78}.calendar-day{appearance:none;background:#fff;border:0;border-right:1px solid rgba(0,0,0,.075);border-bottom:1px solid rgba(0,0,0,.075);border-radius:0;min-height:142px;padding:9px;text-align:left;color:inherit;display:flex;flex-direction:column;gap:7px;cursor:pointer;box-shadow:none}.calendar-day:hover{background:var(--soft-accent,#f4f8ff);transform:none}.calendar-day:nth-child(7n){border-right:0}.calendar-day.other-month{background:#fafafa;color:#a0a4ab}.calendar-day.today .calendar-day-number{background:var(--accent);color:var(--accent-contrast,#fff)}.calendar-day.selected{outline:3px solid var(--accent);outline-offset:-3px;background:var(--soft-accent,#eef5ff)}.calendar-day-number{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.calendar-day-events{display:flex;flex-direction:column;gap:5px}.calendar-event{border-radius:7px;padding:5px 7px;font-size:.73rem;line-height:1.2;display:grid;grid-template-columns:auto 1fr;column-gap:4px;background:#f2f4f7;border-left:4px solid #8b95a5}.calendar-event span{grid-column:1/3;font-weight:700;margin-top:2px}.calendar-event-ventas{border-left-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,white)}.calendar-event-cuotas{border-left-color:#f59e0b;background:#fff8e8}.calendar-event-pagos{border-left-color:#16a34a;background:#edf9f0}.calendar-event-pedidos{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white)}.calendar-detail-panel{scroll-margin-top:20px}.calendar-empty{padding:42px 20px;text-align:center;color:#757c87;background:#fafbfc;border:1px dashed #cfd4dc;border-radius:10px}.calendar-detail-group+.calendar-detail-group{margin-top:24px}.calendar-detail-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.calendar-detail-heading h3{margin:0}.calendar-detail-heading span{font-size:.88rem;color:#6c7480}.button.compact{padding:7px 10px;font-size:.82rem}
@media(max-width:900px){.calendar-title-row,.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-grid{min-width:850px}.calendar-panel{overflow-x:auto}.calendar-weekdays{min-width:850px}.calendar-day{min-height:128px}.calendar-detail-heading{align-items:flex-start;flex-direction:column}}

/* v12 - Calendario completamente integrado a la paleta configurada */
.calendar-page{
 --cal-1:var(--p);
 --cal-2:var(--a);
 --cal-3:color-mix(in srgb,var(--p) 58%,var(--a));
 --cal-4:color-mix(in srgb,var(--a) 55%,var(--p));
 --cal-soft-1:color-mix(in srgb,var(--cal-1) 12%,#fff);
 --cal-soft-2:color-mix(in srgb,var(--cal-2) 12%,#fff);
 --cal-soft-3:color-mix(in srgb,var(--cal-3) 12%,#fff);
 --cal-soft-4:color-mix(in srgb,var(--cal-4) 12%,#fff);
}
.calendar-month-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}
.calendar-stat{display:flex;align-items:center;gap:12px;background:#fff;border-radius:8px;padding:15px 16px;box-shadow:var(--market-shadow);border-left:5px solid var(--cal-color)}
.calendar-stat-icon,.calendar-event-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;font-weight:800;background:var(--cal-soft);color:var(--cal-color)}
.calendar-stat-icon{width:38px;height:38px;font-size:.86rem}
.calendar-stat>div{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:9px;min-width:0}
.calendar-stat small{grid-column:1/3;color:#667085;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-stat strong{font-size:1.55rem;line-height:1;color:#252a33}
.calendar-stat>div>span{font-weight:700;color:var(--cal-color);text-align:right}
.calendar-stat-ventas,.calendar-event-ventas{--cal-color:var(--cal-1);--cal-soft:var(--cal-soft-1)}
.calendar-stat-cuotas,.calendar-event-cuotas{--cal-color:var(--cal-3);--cal-soft:var(--cal-soft-3)}
.calendar-stat-pagos,.calendar-event-pagos{--cal-color:var(--cal-2);--cal-soft:var(--cal-soft-2)}
.calendar-stat-pedidos,.calendar-event-pedidos{--cal-color:var(--cal-4);--cal-soft:var(--cal-soft-4)}
.calendar-filters label{background:color-mix(in srgb,var(--p) 8%,#fff)!important;border:1px solid color-mix(in srgb,var(--p) 18%,#fff);color:#3c4350}
.calendar-filters input{accent-color:var(--a)}
.calendar-weekdays{background:color-mix(in srgb,var(--p) 7%,#fff)!important}
.calendar-weekdays span{color:color-mix(in srgb,var(--p) 68%,#333)!important}
.calendar-day:hover{background:color-mix(in srgb,var(--a) 7%,#fff)!important}
.calendar-day.today .calendar-day-number{background:var(--p)!important;color:var(--on-p)!important}
.calendar-day.selected{outline-color:var(--a)!important;background:color-mix(in srgb,var(--a) 9%,#fff)!important}
.calendar-event{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;column-gap:6px!important;row-gap:2px!important;align-items:center!important;padding:6px 7px!important;border:1px solid color-mix(in srgb,var(--cal-color) 22%,#fff)!important;border-left:4px solid var(--cal-color)!important;background:var(--cal-soft)!important;color:#343943!important}
.calendar-event-icon{width:20px;height:20px;font-size:.65rem;grid-row:1/3}
.calendar-event-label{font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-event-amount{font-size:.72rem;font-weight:800;color:var(--cal-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-event span{grid-column:auto!important;margin-top:0!important}
.calendar-detail-heading{border-left:5px solid var(--a);padding-left:10px}
.calendar-detail-group table thead{background:color-mix(in srgb,var(--p) 9%,#fff)}
@media(max-width:1100px){.calendar-month-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.calendar-month-summary{grid-template-columns:1fr}.calendar-stat{padding:13px 14px}}

/* v14 - calendario en gama pastel y dias mas remarcados */
.calendar-panel{padding:14px!important;background:color-mix(in srgb,var(--bg) 72%,#fff)!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(0,0,0,.06)!important}
.calendar-weekdays,.calendar-grid{gap:8px!important;background:transparent!important}
.calendar-weekdays{border-bottom:0!important;margin-bottom:8px}
.calendar-weekdays span{background:color-mix(in srgb,var(--p) 8%,#fff)!important;border:1px solid color-mix(in srgb,var(--p) 16%,#fff)!important;border-radius:12px;padding:12px 6px!important;font-size:.8rem!important;letter-spacing:.02em}
.calendar-day{background:color-mix(in srgb,var(--p) 6%,#fff)!important;border:1px solid color-mix(in srgb,var(--p) 16%,#fff)!important;border-radius:14px!important;min-height:154px!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important;padding:10px!important;position:relative;transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease}
.calendar-day:hover{background:color-mix(in srgb,var(--a) 10%,#fff)!important;border-color:color-mix(in srgb,var(--a) 28%,#fff)!important;box-shadow:0 8px 18px rgba(0,0,0,.08)!important;transform:translateY(-1px)}
.calendar-day.has-events{background:linear-gradient(180deg,color-mix(in srgb,var(--p) 9%,#fff),color-mix(in srgb,var(--a) 3%,#fff))!important;border-color:color-mix(in srgb,var(--a) 18%,#fff)!important}
.calendar-day.other-month{background:color-mix(in srgb,var(--bg) 78%,#fff)!important;color:#9aa3b1!important;opacity:.88}
.calendar-day.today{border-color:color-mix(in srgb,var(--p) 40%,#fff)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--p) 16%,transparent),0 6px 16px rgba(0,0,0,.07)!important}
.calendar-day.selected{outline:none!important;border-color:var(--a)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 12%,#fff),color-mix(in srgb,var(--p) 5%,#fff))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 20%,transparent),0 10px 20px rgba(0,0,0,.09)!important}
.calendar-day-number{width:34px!important;height:34px!important;border-radius:10px!important;background:color-mix(in srgb,var(--p) 14%,#fff)!important;color:color-mix(in srgb,var(--p) 72%,#333)!important;font-size:.95rem!important;font-weight:800!important;border:1px solid color-mix(in srgb,var(--p) 18%,#fff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.calendar-day.today .calendar-day-number{background:var(--p)!important;color:var(--on-p)!important;border-color:var(--p)!important}
.calendar-day.selected .calendar-day-number{background:var(--a)!important;color:var(--on-a)!important;border-color:var(--a)!important}
.calendar-day-events{gap:6px!important;margin-top:2px}
.calendar-event{border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important}
.calendar-detail-panel{border-top:4px solid var(--a)!important}
@media(max-width:900px){.calendar-day{min-height:144px!important}.calendar-panel{padding:10px!important}.calendar-grid,.calendar-weekdays{min-width:900px!important}}

/* v15 - clasificacion y filtros de productos */
.master-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compact-panel{margin-top:0!important}.compact-panel h3{margin-top:0}.inline-form{display:flex;gap:8px;align-items:end}.inline-form>*{min-width:0}.inline-form input,.inline-form select{flex:1}.product-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto auto;gap:10px;align-items:center}.product-taxonomy{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.product-taxonomy span{background:var(--market-action-soft);color:var(--market-action);font-size:.76rem;font-weight:700;padding:4px 7px;border-radius:999px}@media(max-width:1000px){.master-data-grid{grid-template-columns:1fr}.product-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.inline-form{flex-direction:column;align-items:stretch}.product-filter-grid{grid-template-columns:1fr}}
.sale-product-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:12px}.public-product-filters{margin-bottom:22px!important}@media(max-width:800px){.sale-product-filters{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sale-product-filters{grid-template-columns:1fr}}

/* v16 - carga de ventas optimizada para celular */
.mobile-sale-steps,.mobile-product-picker,.mobile-review-panel,.mobile-sale-sticky,.mobile-only{display:none}
@media(max-width:760px){
 body{padding-bottom:86px}
 .mobile-sale-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;position:sticky;top:64px;z-index:4;background:var(--bg);padding:8px 0}
 .mobile-step{display:flex!important;align-items:center;justify-content:center;gap:7px;padding:10px 6px!important;background:color-mix(in srgb,var(--p) 8%,#fff)!important;color:#596273!important;border:1px solid color-mix(in srgb,var(--p) 14%,#fff)!important}
 .mobile-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--p) 14%,#fff);color:var(--p)}
 .mobile-step.active{background:color-mix(in srgb,var(--a) 13%,#fff)!important;color:var(--a)!important;border-color:color-mix(in srgb,var(--a) 30%,#fff)!important}
 .mobile-step.active b{background:var(--a);color:var(--on-a)}
 .mobile-stage{display:none!important}.mobile-stage.mobile-stage-active{display:block!important}
 .desktop-invoice-lines{display:none!important}
 .mobile-product-picker,.mobile-review-panel,.mobile-only{display:block}
 .mobile-stage-actions{display:flex;justify-content:flex-end;margin-top:18px}.mobile-stage-actions.split{justify-content:space-between;gap:10px}.mobile-stage-actions button{flex:1}
 .mobile-product-search{display:grid;grid-template-columns:1fr auto;gap:8px}.mobile-product-search button{padding:10px 12px!important}
 .mobile-product-filter-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0 14px}
 .mobile-product-results{display:grid;gap:10px}
 .mobile-product-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:color-mix(in srgb,var(--p) 5%,#fff);border:1px solid color-mix(in srgb,var(--p) 14%,#fff);border-radius:14px;padding:14px}
 .mobile-product-main{display:grid;gap:4px;min-width:0}.mobile-product-main small,.mobile-product-main span,.mobile-product-main em{color:#6b7280;font-size:.78rem;font-style:normal}.mobile-product-main h3{margin:0;font-size:1rem}.mobile-product-main b{font-size:1.1rem;color:var(--a)}
 .mobile-add-product{padding:10px 13px!important}.mobile-qty{display:grid;grid-template-columns:38px 34px 38px;align-items:center;text-align:center}.mobile-qty button,.mobile-review-controls>button{padding:0!important;width:36px;height:36px;border-radius:50%!important;font-size:20px}
 .mobile-sale-review{display:grid;gap:10px}.mobile-review-item{background:color-mix(in srgb,var(--p) 5%,#fff);border:1px solid color-mix(in srgb,var(--p) 14%,#fff);border-radius:14px;padding:14px}.mobile-review-item>div:first-child{display:grid;gap:4px}.mobile-review-item small,.mobile-review-item span{color:#6b7280}.mobile-review-item h3{margin:0}.mobile-review-item b{font-size:1.15rem;color:var(--a)}
 .mobile-review-controls{display:grid;grid-template-columns:36px 34px 36px 1fr;align-items:end;gap:6px;margin-top:12px}.mobile-review-controls label{grid-column:1/-1}.mobile-review-controls .danger-link{grid-column:1/-1;width:auto;height:auto;border-radius:8px!important;background:#fee2e2!important;color:#991b1b!important;font-size:.85rem;padding:8px!important}
 .mobile-review-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid color-mix(in srgb,var(--p) 16%,#fff);padding-top:14px;margin-top:14px}.mobile-review-total strong{font-size:1.35rem;color:var(--a)}
 .financing-panel .grid{grid-template-columns:1fr!important}
 .form-actions{display:grid!important;grid-template-columns:1fr!important}.form-actions>*{width:100%!important;text-align:center}
 .mobile-sale-sticky{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid color-mix(in srgb,var(--p) 18%,#fff);box-shadow:0 -8px 24px rgba(0,0,0,.12);padding:10px 14px}.mobile-sale-sticky div{display:grid}.mobile-sale-sticky span{font-size:.78rem;color:#6b7280}.mobile-sale-sticky strong{font-size:1.15rem;color:var(--a)}.mobile-sale-sticky button{padding:11px 16px!important}
}


/* v17 - acceso privado siempre visible en celular */
.admin-access-short{display:none}
.public-nav .public-admin-access{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:600px){
 .public-nav .btn:last-of-type{display:inline-flex!important}
 .public-nav .public-admin-access{padding:9px 11px!important;min-height:40px}
 .public-nav .public-admin-access .admin-access-full{display:none}
 .public-nav .public-admin-access .admin-access-short{display:inline}
}

/* v19 - planes de cuotas y usuarios */
.password-field{display:grid;grid-template-columns:1fr 44px;gap:6px;align-items:center}.password-field input{min-width:0}.password-field .password-toggle{height:42px;padding:0!important;background:var(--market-action-soft)!important;color:var(--market-action)!important}
.financing-panel input[readonly]{background:color-mix(in srgb,var(--p) 5%,#fff)!important;font-weight:700;color:#374151}.financing-panel #financed-total,.financing-panel #installment-amount{color:var(--a)!important;font-size:1.05rem}
.checkline{display:flex!important;align-items:center;gap:8px;margin-top:24px}.checkline input{width:auto!important;margin:0!important}

.stock-chip{display:block;padding:3px 7px;margin:2px 0;border-radius:999px;background:color-mix(in srgb,var(--a) 10%,#fff);color:var(--a);font-weight:700;white-space:nowrap}.deposit-badge{font-size:.78rem;color:#667085}

/* v21 - menú agrupado, contraído y movimientos de stock */
.sidebar-toggle{width:42px;height:42px;padding:0;display:grid!important;place-items:center;font-size:20px;background:color-mix(in srgb,var(--on-p) 15%,transparent)!important;color:var(--on-p)!important;border:1px solid color-mix(in srgb,var(--on-p) 30%,transparent)!important}
.layout{grid-template-columns:230px 1fr;transition:grid-template-columns .2s ease}
aside{overflow-x:hidden;transition:width .2s ease,padding .2s ease}
.menu-group+.menu-group{margin-top:18px}.menu-group-title{padding:8px 14px 5px;color:#7b8493;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.menu-dot{width:28px;height:28px;display:inline-grid;place-items:center;flex:0 0 28px;border-radius:8px;background:color-mix(in srgb,var(--a) 10%,#fff);color:var(--a);font-weight:800}.menu-group a{display:flex!important;align-items:center;gap:10px}.sidebar-collapsed .layout{grid-template-columns:72px 1fr}.sidebar-collapsed aside{padding-left:8px!important;padding-right:8px!important}.sidebar-collapsed .menu-label{display:none}.sidebar-collapsed .menu-group-title{height:10px;padding:0;border-top:1px solid #edf0f5;margin:10px 5px}.sidebar-collapsed aside a{justify-content:center;padding:9px!important}.sidebar-collapsed aside a.active{border-left:0!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--a) 25%,transparent)}
.stock-movement-panel{border-top:5px solid var(--a)!important}.movement-type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.movement-type-switch label{margin:0}.movement-type-switch input{display:none}.movement-type-switch span{display:block;padding:13px;text-align:center;border:1px solid color-mix(in srgb,var(--p) 18%,#fff);border-radius:10px;background:color-mix(in srgb,var(--p) 6%,#fff);cursor:pointer}.movement-type-switch input:checked+span{background:var(--a);color:var(--on-a);border-color:var(--a);box-shadow:0 5px 14px color-mix(in srgb,var(--a) 22%,transparent)}.movement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-positive{color:#18794e;font-weight:800}.stock-negative{color:#b42318;font-weight:800}
@media(max-width:900px){.sidebar-collapsed .layout,.layout{grid-template-columns:1fr}.sidebar-collapsed aside,aside{display:flex!important;width:100%!important;padding:8px!important}.sidebar-collapsed .menu-label{display:inline}.menu-group{display:flex;align-items:center}.menu-group-title{display:none}.movement-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.movement-type-switch,.movement-grid{grid-template-columns:1fr}.top>span{font-size:0}.top>span a{font-size:12px}.sidebar-toggle{flex:0 0 40px}}

/* v22 - menú vertical plegable por secciones */
.layout{grid-template-columns:250px 1fr!important}
aside{width:auto!important;overflow:visible!important;padding:14px 10px!important}
.sidebar-toggle{display:none!important}
.public-sector-link{display:flex!important;align-items:center;gap:10px;margin-bottom:12px!important;padding:12px 14px!important;border-radius:8px!important;background:color-mix(in srgb,var(--p) 8%,#fff)!important;color:var(--p)!important;font-weight:800!important;border:1px solid color-mix(in srgb,var(--p) 16%,#fff)!important}
.public-sector-link:hover{background:color-mix(in srgb,var(--p) 14%,#fff)!important}
.menu-group{display:block!important;margin:8px 0!important;border:1px solid #e7e9ee;border-radius:10px;overflow:hidden;background:#fff}
.menu-group+.menu-group{margin-top:10px!important}
.menu-group-toggle{width:100%;display:flex!important;align-items:center;justify-content:space-between;padding:13px 14px!important;border-radius:0!important;background:color-mix(in srgb,var(--p) 6%,#fff)!important;color:#3d4655!important;font-size:.79rem!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.07em;text-align:left;box-shadow:none!important}
.menu-group-toggle:hover{background:color-mix(in srgb,var(--a) 9%,#fff)!important;color:var(--a)!important}
.menu-chevron{font-size:1.25rem;line-height:1;transition:transform .18s ease}
.menu-group-toggle[aria-expanded="true"] .menu-chevron{transform:rotate(90deg)}
.menu-group-items{padding:6px}
.menu-group-items[hidden]{display:none!important}
.menu-group-items a{display:flex!important;align-items:center;gap:10px;padding:10px 11px!important;margin:2px 0!important;border-radius:7px!important}
.menu-group-items a.active{border-left:4px solid var(--a)!important;padding-left:7px!important}
.menu-dot{width:28px;height:28px;display:inline-grid;place-items:center;flex:0 0 28px;border-radius:8px;background:color-mix(in srgb,var(--a) 10%,#fff);color:var(--a);font-weight:800}
.sidebar-collapsed .layout{grid-template-columns:250px 1fr!important}.sidebar-collapsed .menu-label{display:initial!important}
@media(max-width:900px){.layout{grid-template-columns:1fr!important}aside{display:block!important;width:100%!important;border-right:0!important;border-bottom:1px solid #ddd;padding:10px!important}.menu-group{display:block!important}.menu-group-toggle{display:flex!important}.menu-group-items a{white-space:normal!important}.public-sector-link{margin-bottom:10px!important}}

/* v24 - scroll independiente para menú lateral y panel central */
@media(min-width:901px){
 html{height:100%}
 body:not(.public-body){height:100%;overflow:hidden!important}
 body.public-body{min-height:100%;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto}
 .top{position:sticky;top:0;height:64px;min-height:64px;z-index:50}
 .layout{height:calc(100vh - 64px)!important;min-height:0!important;overflow:hidden!important}
 #sidebar{height:100%;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
 main.content{height:100%;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
 #sidebar::-webkit-scrollbar,main.content::-webkit-scrollbar{width:10px}
 #sidebar::-webkit-scrollbar-track,main.content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg) 72%,#fff)}
 #sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--p) 28%,#aaa);border-radius:999px;border:2px solid color-mix(in srgb,var(--bg) 72%,#fff)}
 main.content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--a) 30%,#aaa);border-radius:999px;border:2px solid color-mix(in srgb,var(--bg) 72%,#fff)}
 #sidebar{scrollbar-color:color-mix(in srgb,var(--p) 28%,#aaa) color-mix(in srgb,var(--bg) 72%,#fff);scrollbar-width:thin}
 main.content{scrollbar-color:color-mix(in srgb,var(--a) 30%,#aaa) color-mix(in srgb,var(--bg) 72%,#fff);scrollbar-width:thin}
}
@media(max-width:900px){html,body{height:auto;overflow:auto!important}.layout{height:auto!important;overflow:visible!important}#sidebar,main.content{height:auto!important;overflow:visible!important}}

.mp-sale-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mp-sale-actions form{display:flex;flex-wrap:wrap;gap:5px;margin:0}.mp-sale-actions .badge{white-space:nowrap}

/* v27 - URLs automaticas de integracion */
.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:6px}.copy-field input[readonly]{background:color-mix(in srgb,var(--bg) 72%,#fff)!important;color:#475467;cursor:text}.copy-button{padding:10px 14px!important;white-space:nowrap}.copy-button.copied{background:color-mix(in srgb,var(--a) 76%,#16803a)!important}@media(max-width:600px){.copy-field{grid-template-columns:1fr}.copy-button{width:100%}}


/* v28 - dominio detectado en integraciones */
.detected-domain-card{display:grid;gap:4px;padding:13px 14px;border-radius:10px;background:color-mix(in srgb,var(--p) 8%,#fff);border:1px solid color-mix(in srgb,var(--p) 20%,#fff)}
.detected-domain-card .detected-domain-label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#667085}
.detected-domain-card strong{font-size:1rem;color:var(--p);overflow-wrap:anywhere}
.detected-domain-card small{color:#667085;overflow-wrap:anywhere}

/* v29 - pruebas de integraciones */
.integration-test-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--p) 12%,#ddd)}
.integration-test-actions button{width:auto}.integration-test-result{flex:1 1 100%;min-height:0;padding:0;border-radius:8px;font-size:.88rem;font-weight:650}.integration-test-result.testing,.integration-test-result.success,.integration-test-result.error{padding:10px 12px}.integration-test-result.testing{background:color-mix(in srgb,var(--p) 8%,#fff);color:var(--p)}.integration-test-result.success{background:#e7f8ee;color:#116b38;border:1px solid #bce8cc}.integration-test-result.error{background:#fff0ef;color:#a12820;border:1px solid #f2c4c0}.integration-test:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.integration-test-actions{align-items:stretch}.integration-test-actions button{width:100%}}
.cell-note,.mp-send-status,.mp-send-error{display:block;margin-top:.35rem;font-size:.76rem;line-height:1.35}.cell-note,.mp-send-status{color:#68738a}.mp-send-error{color:#b42318;max-width:270px}.mp-sale-actions{min-width:220px}.mp-sale-actions form{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}.mp-sale-actions>.button{margin:.15rem .2rem .15rem 0}

/* Dashboard por período */
.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.dashboard-heading h1{margin-bottom:4px}.dashboard-filter{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px}.dashboard-filter label{display:grid;gap:5px;font-size:.82rem;font-weight:700}.dashboard-filter input,.dashboard-filter select{min-width:145px}.dashboard-filter .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.dashboard-chart-panel{overflow:hidden}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-title-row h2{margin-bottom:4px}.dashboard-chart{width:100%;min-height:330px;margin-top:12px;overflow-x:auto}.dashboard-chart svg{display:block;width:100%;min-width:640px;height:330px}.chart-grid{stroke:var(--border);stroke-width:1}.chart-axis{fill:var(--muted);font-size:11px}.chart-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--accent);stroke:var(--card);stroke-width:2}.muted{color:var(--muted);margin-top:0}
@media(max-width:900px){.dashboard-heading{display:block}.dashboard-filter{margin-top:14px}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-title-row{display:block}}@media(max-width:560px){.dashboard-filter>*{width:100%}.dashboard-filter input,.dashboard-filter select{width:100%}.dashboard-cards{grid-template-columns:1fr}.dashboard-chart{margin-left:-8px;width:calc(100% + 16px)}}

/* v38 - panel ejecutivo con periodicidad y gráfico de líneas */
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;margin-bottom:16px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--p) 94%,#101828),color-mix(in srgb,var(--a) 64%,var(--p)));color:#fff;overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-110px;background:color-mix(in srgb,#fff 10%,transparent)}.dashboard-hero>div{position:relative;z-index:1}.dashboard-hero h1{margin:4px 0 5px;font-size:2rem;color:#fff}.dashboard-hero p{margin:0;color:rgba(255,255,255,.78)}.dashboard-kicker{display:block;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:color-mix(in srgb,var(--a) 55%,#fff)}.dashboard-period-badge{min-width:250px;padding:13px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(7px)}.dashboard-period-badge small,.dashboard-period-badge strong{display:block}.dashboard-period-badge small{color:rgba(255,255,255,.68);margin-bottom:3px}.dashboard-period-badge strong{font-size:.96rem}.dashboard-filter-modern{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr)) auto auto;align-items:end;width:100%;margin-bottom:16px;padding:15px 16px;border-radius:18px;box-shadow:0 10px 30px rgba(16,24,40,.06)}.dashboard-filter-modern label span{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.dashboard-filter-modern input,.dashboard-filter-modern select{width:100%;min-width:0}.dashboard-filter-modern button,.dashboard-filter-modern .button{height:43px;white-space:nowrap}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.dashboard-metric{display:flex;align-items:center;gap:14px;min-height:116px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 8px 24px rgba(16,24,40,.055);transition:transform .18s ease,box-shadow .18s ease}.dashboard-metric:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(16,24,40,.09)}.dashboard-metric-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--a) 12%,#fff);color:var(--a);font-weight:900;font-size:1.08rem}.dashboard-metric small,.dashboard-metric strong,.dashboard-metric em{display:block}.dashboard-metric small{color:var(--muted);font-weight:750}.dashboard-metric strong{margin:4px 0 2px;font-size:1.35rem;color:var(--p);font-style:normal}.dashboard-metric em{font-size:.76rem;color:var(--muted);font-style:normal}.dashboard-metric-alert .dashboard-metric-icon{background:#fff1f0;color:#b42318}.dashboard-chart-modern{padding:22px 24px;border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.065)}.dashboard-chart-modern .panel-title-row{align-items:center}.dashboard-chart-legend{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);font-weight:700}.dashboard-chart-legend span{width:28px;height:4px;border-radius:999px;background:var(--a)}.dashboard-chart-modern .dashboard-chart{min-height:365px}.dashboard-chart-modern .dashboard-chart svg{height:365px}.chart-area{fill:url(#dashArea)}.chart-area-start{stop-color:var(--a);stop-opacity:.22}.chart-area-end{stop-color:var(--a);stop-opacity:.015}.dashboard-chart-modern .chart-line{stroke:var(--a);stroke-width:3.5}.dashboard-chart-modern .chart-point{fill:var(--card);stroke:var(--a);stroke-width:3}.chart-empty{fill:var(--muted);font-size:14px}
@media(max-width:1100px){.dashboard-filter-modern{grid-template-columns:repeat(3,minmax(140px,1fr))}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.dashboard-hero{display:block;padding:20px}.dashboard-period-badge{margin-top:14px;min-width:0}.dashboard-filter-modern{grid-template-columns:1fr 1fr}.dashboard-filter-modern button,.dashboard-filter-modern .button{width:100%}.dashboard-metrics{grid-template-columns:1fr}.dashboard-chart-modern{padding:17px 14px}.dashboard-chart-modern .panel-title-row{display:block}.dashboard-chart-legend{margin-top:10px}}@media(max-width:480px){.dashboard-filter-modern{grid-template-columns:1fr}.dashboard-hero h1{font-size:1.65rem}}
/* Dashboard v39: full-screen executive and product statistics */
main.content:has(.dashboard-screen){max-width:none;margin:0;padding:14px 16px 16px;display:flex;min-width:0}.dashboard-screen{width:100%;min-width:0;display:flex;flex-direction:column;gap:10px;min-height:calc(100vh - 94px)}.dashboard-hero-compact{margin:0;padding:15px 20px;border-radius:18px;min-height:88px}.dashboard-hero-compact h1{font-size:1.65rem}.dashboard-period-badge span{display:block;margin-top:4px;font-size:.78rem;color:rgba(255,255,255,.72)}.dashboard-filter-wide{grid-template-columns:repeat(5,minmax(120px,1fr)) auto auto;margin:0;padding:11px 12px;border-radius:15px;gap:9px}.dashboard-filter-wide label span,.product-stat-filters label span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px}.dashboard-filter-wide input,.dashboard-filter-wide select,.product-stat-filters input,.product-stat-filters select{height:38px;padding:7px 9px}.dashboard-filter-wide button,.dashboard-filter-wide .button,.product-stat-filters button{height:38px;padding:9px 13px}.dashboard-metrics-six{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0}.dashboard-metrics-six .dashboard-metric{min-height:82px;padding:11px 12px;gap:9px;border-radius:15px}.dashboard-metrics-six .dashboard-metric-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.dashboard-metrics-six .dashboard-metric strong{font-size:1.02rem;white-space:nowrap}.dashboard-metrics-six .dashboard-metric small{font-size:.73rem}.dashboard-metrics-six .dashboard-metric em{font-size:.67rem}.dashboard-panels-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex:1;min-height:0}.dashboard-panel-fill{margin:0!important;padding:15px 16px;border-radius:17px;display:flex;flex-direction:column;min-width:0;min-height:360px}.dashboard-panel-fill .panel-title-row{margin-bottom:5px}.dashboard-panel-fill h2{font-size:1.05rem;margin:2px 0}.dashboard-panel-fill p{font-size:.75rem;margin:0}.dashboard-chart-fit{flex:1;min-height:230px}.dashboard-chart-fit svg{width:100%;height:100%!important;min-height:230px}.product-mini-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.product-mini-stats span{padding:6px 8px;background:color-mix(in srgb,var(--a) 8%,#fff);border:1px solid color-mix(in srgb,var(--a) 18%,var(--border));border-radius:10px;font-size:.68rem;color:var(--muted)}.product-mini-stats b{color:var(--p)}.product-stat-filters{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(135px,1.35fr) repeat(3,minmax(95px,.85fr)) auto;gap:7px;align-items:end;margin:5px 0 2px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--bg) 72%,#fff);border:1px solid var(--border)}.chart-grid{stroke:color-mix(in srgb,var(--border) 75%,transparent);stroke-width:1}.chart-y-label,.chart-x-label{fill:var(--muted);font-size:10px}.dashboard-panel-fill .chart-line{stroke:var(--a);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dashboard-panel-fill .chart-point{fill:var(--card);stroke:var(--a);stroke-width:2.5}.product-stat-panel .chart-line{stroke:var(--p)}.product-stat-panel .chart-point{stroke:var(--p)}
@media(max-width:1400px){.dashboard-metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-filter-wide{grid-template-columns:repeat(4,minmax(125px,1fr)) auto auto}.product-stat-filters{grid-template-columns:repeat(3,minmax(110px,1fr))}}
@media(max-width:1100px){main.content:has(.dashboard-screen){display:block}.dashboard-panels-grid{grid-template-columns:1fr}.dashboard-filter-wide{grid-template-columns:repeat(3,minmax(130px,1fr))}.dashboard-panel-fill{min-height:410px}.product-stat-filters{grid-template-columns:repeat(3,minmax(110px,1fr))}}
@media(max-width:720px){main.content:has(.dashboard-screen){padding:10px}.dashboard-screen{min-height:auto}.dashboard-filter-wide,.product-stat-filters{grid-template-columns:1fr 1fr}.dashboard-metrics-six{grid-template-columns:1fr 1fr}.dashboard-panels-grid{display:block}.dashboard-panel-fill{margin-top:10px!important;min-height:430px}.product-mini-stats{justify-content:flex-start;margin-top:8px}.dashboard-hero-compact{display:block}}
@media(max-width:480px){.dashboard-filter-wide,.product-stat-filters,.dashboard-metrics-six{grid-template-columns:1fr}.dashboard-panel-fill{padding:12px 9px}.dashboard-chart-fit{min-height:250px}}


/* Navegadores unificados para ventas financiadas y pedidos web */
.record-browser{display:flex;flex-direction:column;gap:16px}.record-browser-heading{align-items:center}.record-count{display:flex;align-items:baseline;gap:7px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,white);white-space:nowrap}.record-count strong{font-size:1.45rem}.record-count span{font-size:.82rem;color:var(--muted)}
.record-filters{display:grid;grid-template-columns:minmax(230px,2fr) repeat(5,minmax(135px,1fr)) auto auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%)}.record-filters input,.record-filters select{min-width:0}.compact-date{display:flex;flex-direction:column;gap:4px}.compact-date span{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.record-list{display:flex;flex-direction:column;gap:9px}.record-row{display:grid;grid-template-columns:minmax(230px,1.55fr) minmax(140px,.9fr) minmax(125px,.7fr) minmax(140px,.8fr) auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid var(--border);border-radius:15px;background:var(--panel);transition:border-color .18s,transform .18s,box-shadow .18s}.record-row:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 8px 22px rgba(28,42,73,.07);transform:translateY(-1px)}.record-primary,.record-metric{display:flex;flex-direction:column;gap:3px;min-width:0}.record-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.record-primary strong{font-size:1rem}.record-primary small,.record-metric small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-metric>span{font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.record-metric>strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-details{position:relative}.record-details>summary{cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:10px;padding:8px 11px;font-weight:700;background:var(--panel);white-space:nowrap}.record-details>summary::-webkit-details-marker{display:none}.record-details[open]>summary{background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:var(--accent)}.record-detail-content{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,2fr);gap:16px}.record-row:has(.record-details[open]){grid-template-columns:minmax(230px,1.55fr) minmax(140px,.9fr) minmax(125px,.7fr) minmax(140px,.8fr) auto}.record-row:has(.record-details[open]) .record-details{grid-column:1/-1}.record-detail-content>div:first-child,.record-products{display:flex;flex-direction:column;gap:5px}.record-products span{padding:5px 0;border-bottom:1px dashed var(--border)}
.record-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}.record-pagination>span{color:var(--muted);font-size:.85rem}.record-pagination>div{display:flex;align-items:center;gap:10px}.record-pagination b{font-size:.85rem}.record-detail-content .order-actions,.record-detail-content .mp-sale-actions{align-items:flex-start;justify-content:flex-start}
@media(max-width:1200px){.record-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.record-filters input[type=search]{grid-column:span 2}.record-row{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.8fr)) auto}}
@media(max-width:760px){.record-browser{gap:12px}.record-browser-heading{align-items:flex-start}.record-filters{grid-template-columns:1fr 1fr;padding:10px}.record-filters input[type=search]{grid-column:1/-1}.record-filters button,.record-filters .button{width:100%;text-align:center}.record-row{grid-template-columns:1fr 1fr;gap:11px;padding:13px}.record-primary{grid-column:1/-1}.record-metric:nth-of-type(4){grid-column:1/-1}.record-details{grid-column:1/-1}.record-details>summary{text-align:center}.record-detail-content{grid-template-columns:1fr}.record-row:has(.record-details[open]){grid-template-columns:1fr 1fr}.record-pagination{align-items:flex-start;flex-direction:column}.record-pagination>div{width:100%;justify-content:space-between}.record-count{padding:8px 11px}}
/* v41 - módulo integral de comisiones */
.commission-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px;border-radius:18px;background:linear-gradient(135deg,var(--p),color-mix(in srgb,var(--p) 65%,var(--a)));color:var(--on-p);margin-bottom:16px}.commission-hero h1{margin:3px 0 6px}.commission-hero p{margin:0;opacity:.86}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.commission-filter{display:flex;align-items:end;gap:9px;flex-wrap:wrap;background:rgba(255,255,255,.12);padding:12px;border-radius:12px}.commission-filter label{font-size:.76rem;color:inherit}.commission-filter input,.commission-filter select{min-width:130px;margin-top:4px;background:#fff;color:#222}.commission-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px}.commission-tabs a{white-space:nowrap;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dfe5ee;color:#4b5565;font-weight:700}.commission-tabs a.active{background:var(--a);color:var(--on-a);border-color:var(--a)}.commission-kpis{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:12px;margin-bottom:16px}.commission-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:15px;min-width:0}.commission-kpis small{display:block;color:#64748b;font-weight:700;margin-bottom:8px}.commission-kpis strong{display:block;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-kpis .primary{background:color-mix(in srgb,var(--a) 12%,#fff);border-color:color-mix(in srgb,var(--a) 35%,#fff)}.commission-kpis .warn{border-top:4px solid #f59e0b}.commission-kpis .good{border-top:4px solid #22c55e}.commission-tabs+.panel{margin-top:0}.table-scroll{overflow:auto}.table-scroll table{min-width:1200px}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--p) 10%,#fff);font-size:.72rem;font-weight:800;white-space:nowrap}.table-scroll td small{display:block;margin-top:5px;color:#64748b;max-width:220px}.row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.row-actions form{margin:0}.pay-mini{display:flex!important;gap:4px}.pay-mini input{width:95px;margin:0}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form label{min-width:145px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}#commissionChart{min-height:300px;max-height:420px}@media(max-width:1250px){.commission-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.commission-hero{align-items:stretch;flex-direction:column}.commission-filter{display:grid;grid-template-columns:1fr 1fr}.commission-kpis{grid-template-columns:repeat(2,1fr)}.two-cols{grid-template-columns:1fr}}@media(max-width:520px){.commission-filter{grid-template-columns:1fr}.commission-kpis{grid-template-columns:1fr}}
@media print{#sidebar,.top,.commission-filter,.commission-tabs,.row-actions{display:none!important}.layout,.content{display:block!important;width:100%!important;overflow:visible!important}.panel{box-shadow:none!important;border:0!important}}
/* v42 - perfil crediticio opcional y contactos responsables */
.credit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.credit-head h1{margin:6px 0}.credit-head p{margin:0;color:#667085}.credit-optional{padding:9px 12px;border-radius:999px;background:var(--market-action-soft);color:var(--market-action);font-weight:700}.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-row{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;margin:14px 0}.metric-row>div{background:#f7f9fc;padding:12px;border-radius:8px}.metric-row small,.metric-row strong{display:block}.metric-row strong{font-size:1.12rem;margin-top:4px}.legal-note{font-size:.84rem;color:#667085}.table-scroll{overflow:auto}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}@media(max-width:900px){.credit-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.credit-head{flex-direction:column}}


/* v43 - desplazamiento normal e independiente en el sector público */
html:has(body.public-body){height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
body.public-body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden!important;overflow-y:visible!important}
body.public-body .public-top{flex:0 0 auto}
body.public-body .public-shell{flex:1 0 auto;min-height:0}
body.public-body .public-footer{flex:0 0 auto}
@media(max-width:900px){body.public-body{display:block;min-height:100vh;overflow-y:auto!important}}

/* v45 - usuarios, validación y recuperación estilo Prospecta */
.login-links{display:flex;flex-direction:column;gap:8px;margin-top:16px;text-align:center}.login-links a{font-size:.88rem}.master-key{display:inline-block;margin:8px 0;padding:8px 10px;border-radius:8px;background:rgba(0,0,0,.07);word-break:break-all;font-size:.92rem}.security-master{border-left:4px solid var(--a)}.status-ok,.status-pending{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800}.status-ok{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}

/* v47 - Recordarme en login */
.remember-login{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0 16px;font-weight:500!important;cursor:pointer}.remember-login input{width:auto!important;margin:3px 0 0!important;flex:0 0 auto}.remember-login span{display:flex;flex-direction:column;gap:2px}.remember-login strong{font-size:.88rem}.remember-login small{font-size:.76rem;font-weight:400;color:#667085;line-height:1.35}


/* v48 - patrón unificado de Tablas: maestro a la izquierda + detalle a la derecha */
.table-page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.table-page-head h1{margin:0 0 4px}.table-page-head p{margin:0;color:var(--muted)}
.master-detail-shell{display:grid;grid-template-columns:minmax(285px,1fr) minmax(0,2fr);gap:16px;align-items:stretch;min-height:calc(100vh - 190px)}.master-list-panel,.detail-panel{margin:0;min-width:0}.master-list-panel{display:flex;flex-direction:column;padding:14px;overflow:hidden}.master-filter{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.master-filter input{min-width:0}.master-new{display:block;text-align:center;margin-bottom:10px}.master-list{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0;padding-right:3px}.master-row{position:relative;display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none}.master-row:hover{border-color:color-mix(in srgb,var(--a) 45%,var(--border));background:color-mix(in srgb,var(--a) 5%,var(--panel))}.master-row.active{border-color:var(--a);box-shadow:inset 3px 0 0 var(--a);background:color-mix(in srgb,var(--a) 8%,var(--panel))}.master-row strong{padding-right:70px}.master-row small{color:var(--muted);line-height:1.3}.master-status{position:absolute;right:9px;top:9px;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:800}.master-status.on{background:#dcfce7;color:#166534}.master-status.off{background:#f1f5f9;color:#64748b}.master-empty{padding:18px;text-align:center;color:var(--muted)}
.detail-panel{padding:20px;overflow:auto}.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:18px}.detail-heading h2{margin:3px 0 2px}.detail-heading p{margin:0;color:var(--muted)}.detail-form{display:flex;flex-direction:column;gap:16px}.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:4px}.danger-zone{margin-top:18px;padding-top:16px;border-top:1px solid #fee2e2}.danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important}.preview-box{display:flex;flex-direction:column;justify-content:center;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}.preview-box small{color:var(--muted)}.preview-box strong{margin-top:4px}.master-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.master-tabs a{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:inherit;font-weight:700}.master-tabs a.active{background:var(--a);border-color:var(--a);color:var(--on-a)}.master-product-title{display:flex;align-items:center;gap:8px;padding-right:70px}.master-product-title strong{padding-right:0}.master-thumb{width:34px;height:34px;object-fit:cover;border-radius:8px;border:1px solid var(--border);flex:0 0 auto}.security-inline{margin-bottom:16px;padding:14px;border:1px solid color-mix(in srgb,var(--a) 30%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--a) 6%,#fff)}.security-inline h3{margin:0 0 8px}.user-status-box{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px;border-radius:12px;background:#f8fafc}.user-status-box form{margin:0}
@media(max-width:900px){.master-detail-shell{grid-template-columns:1fr;min-height:0}.master-list-panel{max-height:48vh}.detail-panel{overflow:visible}.master-list{max-height:36vh}.table-page-head{align-items:flex-start;flex-direction:column}}

/* v50 - ficha de clientes geolocalizada y referencias */
.form-card{border:1px solid var(--line,#dfe5ef);border-radius:16px;padding:16px;margin:0 0 16px;background:var(--card,#fff)}
.form-card h3{margin:0 0 6px}.form-card .muted{margin:0 0 14px}.geo-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.client-map-wrap{margin-top:14px}.client-map-wrap iframe{display:block;width:100%;height:320px;border:0;border-radius:14px;margin-bottom:10px;background:#eef2f7}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-card{border:1px solid var(--line,#dfe5ef);border-radius:14px;padding:14px;background:#fafbfd}.reference-card strong{display:block;margin-bottom:10px}.reference-card label{display:block;margin-top:8px}.reference-card small{font-weight:400;color:#6b7280}
@media(max-width:900px){.reference-grid{grid-template-columns:1fr}.client-map-wrap iframe{height:260px}}