@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--brand-primary:#004b87;--brand-secondary:#00a3e0;--brand-accent:#0073b7;--brand-gradient:linear-gradient(135deg, #004b87 0%, #00a3e0 100%);--bg-main:#f4f7fb;--surface:#fff;--surface-glass:#ffffffd9;--text-dark:#1e293b;--text-muted:#64748b;--text-light:#fff;--border-light:#e2e8f0;--danger:#ef4444;--success:#10b981;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 15px #00a3e066;--radius-md:8px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased;max-width:100vw;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-dark);font-weight:600}.h1{letter-spacing:-.02em;font-size:2.5rem;line-height:1.2}.h2{letter-spacing:-.01em;font-size:2rem;line-height:1.3}.h3{font-size:1.5rem;line-height:1.4}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.responsive-flex{flex-direction:column;gap:.5rem;display:flex}@media (width>=768px){.responsive-flex{flex-flow:wrap}}@media (width<=767px){.hidden-mobile{display:none!important}}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.w-full{width:100%}.h-full{height:100%}.btn{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--brand-gradient);color:var(--text-light);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--surface);color:var(--brand-primary);border:2px solid var(--brand-primary)}.btn-secondary:hover{background-color:var(--bg-main);box-shadow:var(--shadow-sm)}.input-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-label{color:var(--text-dark);font-size:.9rem;font-weight:500}.input-field{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-dark);box-sizing:border-box;width:100%;padding:.75rem 1rem;font-family:Outfit,sans-serif;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--brand-secondary);outline:none;box-shadow:0 0 0 3px #00a3e026}.layout-container{background-color:var(--bg-main);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;gap:1.5rem;min-width:0;margin-left:280px;padding:2rem 3rem;display:flex}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.glass-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);border:1px solid #fff6}.login-bg{background-color:#0000;background-image:linear-gradient(135deg,#0014324d 0%,#00285040 100%),url(/imgfondo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.sidebar{background:var(--brand-gradient);width:280px;height:100vh;color:var(--text-light);z-index:100;border-right:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #00000026}.nav-item{color:#ffffffbf;border-radius:var(--radius-md);border-right:4px solid #0000;align-items:center;gap:1rem;margin:.25rem 1rem;padding:1rem 1.5rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-light);background-color:#ffffff1a}.nav-item.active{color:var(--text-light);border-right:4px solid var(--surface);box-shadow:var(--shadow-sm);background:#fff3;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-admin{color:var(--brand-primary);background:#00a3e026}.badge-employee{color:var(--success);background:#10b98126}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-light);width:100%;overflow-x:auto;transform:rotateX(180deg)}.table-container>*{transform:rotateX(180deg)}table{border-collapse:collapse;text-align:left;width:100%}th{background-color:var(--bg-main);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.9rem;font-weight:600}td{border-bottom:1px solid var(--border-light);color:var(--text-dark);padding:1rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:#00a3e005}.desktop-only{display:flex!important}.mobile-only{display:none!important}.responsive-grid-dashboard{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.grid-caja{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:2rem;display:grid}.responsive-grid-dashboard>*,.grid-caja>*{min-width:0;max-width:100%}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.prescription-grid{grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:1rem;display:grid}@media (width<=992px){.responsive-grid-dashboard{grid-template-columns:1fr}.grid-caja{flex-direction:column;width:100%;display:flex}}@media (width<=768px){.desktop-only,.hidden-mobile{display:none!important}.mobile-only{display:flex!important}.responsive-grid-2{grid-template-columns:1fr}}@media (width<=600px){.prescription-grid{grid-template-columns:1fr 1fr 1fr}.prescription-grid>div:first-child,.prescription-grid>.font-bold{color:var(--brand-primary);border-bottom:1.5px solid var(--border-light);grid-column:span 3;margin-top:10px;padding-bottom:4px;font-size:.95rem;font-weight:800}}@media (width<=768px){.layout-container{flex-direction:column;max-width:100vw;overflow-x:hidden}.main-content{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden;margin-left:0!important;padding:6rem 1.25rem 1.25rem!important}.main-content>header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.main-content>header>div.flex{flex-direction:column;width:100%}.main-content>header .btn{justify-content:center;width:100%}.sidebar{border-right:none}.card{box-sizing:border-box;width:100%;max-width:100%;padding:1rem}.h1{font-size:2rem!important}.h2{font-size:1.5rem!important}th,td{padding:.75rem .5rem;font-size:.85rem}.stats-grid{grid-template-columns:1fr!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.section-header>div.flex,.section-header>div.flex-row{flex-direction:column;width:100%}.section-header .btn{justify-content:center;width:100%}.section-header select{width:100%}.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100vw;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;overflow-x:auto;display:flex!important}.tabs-container>button{white-space:nowrap;flex-shrink:0}}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-40px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}@media (width<=768px){.inventario-controls{flex-direction:column-reverse}.inventario-controls>div{grid-template-columns:1fr;width:100%;justify-content:center!important}}@media (width<=600px){.prescription-grid{grid-template-columns:1fr 1fr 1fr}.prescription-grid>div:first-child,.prescription-grid>.font-bold{color:var(--brand-primary);border-bottom:1.5px solid var(--border-light);grid-column:span 3;margin-top:10px;padding-bottom:4px;font-size:.95rem;font-weight:800}}.public-search-bar{align-items:center;width:180px;transition:width .3s;display:flex;position:relative}.public-search-bar:focus-within{width:250px}.public-nav-link{letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius-md);padding:.5rem .75rem;text-decoration:none;transition:all .3s;font-size:.85rem!important;font-weight:700!important}.public-nav-link:hover{background-color:#00a3e00f}@media (width<=768px){.layout-container{flex-direction:column;max-width:100vw;overflow-x:hidden}.main-content{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden;margin-left:0!important;padding:6rem 1.25rem 1.25rem!important}.main-content>header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.main-content>header>div.flex{flex-direction:column;width:100%}.main-content>header .btn{justify-content:center;width:100%}.sidebar{border-right:none}.card{box-sizing:border-box;width:100%;max-width:100%;padding:1rem}.h1{font-size:2rem!important}.h2{font-size:1.5rem!important}th,td{padding:.75rem .5rem;font-size:.85rem}.stats-grid{grid-template-columns:1fr!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.section-header>div.flex,.section-header>div.flex-row{flex-direction:column;width:100%}.section-header .btn{justify-content:center;width:100%}.section-header select{width:100%}.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100vw;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;overflow-x:auto;display:flex!important}.tabs-container>button{white-space:nowrap;flex-shrink:0}}.toast-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.toast-error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important}@media (width<=768px){.inventario-controls{flex-direction:column-reverse}.inventario-controls>div{width:100%;justify-content:center!important}.inventario-controls .input-group{max-width:100%;width:100%!important}.inventario-tabs{justify-content:center;width:100%;display:flex}.cart-dropdown-modal{z-index:1050!important;width:90vw!important;max-width:400px!important;position:fixed!important;top:75px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.hero-slider-container{border-radius:var(--radius-xl);min-height:65vh;box-shadow:var(--shadow-md);margin:1.5rem;position:relative;overflow:hidden}.hero-slide{flex-shrink:0;align-items:center;width:100%;min-height:65vh;padding:4rem 3rem;display:flex;position:relative}.desktop-promociones{display:block}.mobile-promociones{display:none}.public-product-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:3rem;display:grid}.product-main-title{font-size:2.5rem}.public-product-specs-grid{grid-template-columns:1fr 1fr;display:grid}@media (width<=1024px){.public-product-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.hero-slider-container{border-radius:var(--radius-lg);min-height:45vh;margin:.5rem}.hero-slide{min-height:45vh;padding:2.5rem 1.5rem;background-position:50%,50%!important;background-size:100% 100%,cover!important}.public-product-grid{gap:1.5rem}.public-product-details-container{box-sizing:border-box;width:100%;padding-left:1rem;padding-right:1rem}.public-product-specs-grid{text-align:center;grid-template-columns:1fr!important}.public-product-actions{align-items:center;flex-direction:column!important;width:100%!important}.public-product-actions button{width:100%}.add-to-cart-btn{width:100%!important;padding:1.2rem!important;font-size:1rem!important}.favorite-btn{width:100%!important;padding:1rem!important}.desktop-promociones{display:none!important}.mobile-promociones{margin-bottom:1.5rem;display:block!important}.promociones-container{padding:1rem!important}.promo-card{text-align:center!important;flex-direction:column!important;gap:.75rem!important;padding:1rem .5rem!important}.promo-logo-container{margin:0 auto}.product-main-title{font-size:1.8rem!important}.shipping-calc-container{flex-direction:column!important}.shipping-calc-container button{width:100%!important;padding:.8rem 0!important}}@keyframes pulseRed{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.urgent-pulse-indicator{cursor:pointer;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:8px;animation:2s infinite pulseRed;display:inline-flex;box-shadow:0 0 #ef4444}.calendar-card{border-radius:var(--radius-lg,16px);border:1px solid var(--border-light,#e2e8f0);background-color:#fff;overflow:hidden;box-shadow:0 4px 15px #00000008}.calendar-header{color:#fff;background-color:#004b87;grid-template-columns:repeat(7,1fr);display:grid}.calendar-header-cell{text-align:center;letter-spacing:1px;border-right:1px solid #ffffff1a;padding:1rem .5rem;font-size:.8rem;font-weight:800}.calendar-header-cell:last-child{border-right:none}.calendar-grid{border-top:1px solid var(--border-light,#e2e8f0);background-color:#f0f9ff;grid-template-columns:repeat(7,1fr);display:grid}.calendar-cell{border-right:1px solid var(--border-light,#e2e8f0);border-bottom:1px solid var(--border-light,#e2e8f0);cursor:pointer;background-color:#fff;flex-direction:column;min-height:140px;padding:.75rem;transition:background-color .2s;display:flex;position:relative}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell.empty{cursor:default;background-color:#f8fafc}.calendar-cell:hover:not(.empty){background-color:#f4f8fb}.cell-date{color:#1e293b;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.cell-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.post-item{text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px;transition:transform .2s;display:flex}.post-item:hover{transform:scale(1.02)}.post-item.historias{color:#0ea5e9;cursor:pointer;font-size:.75rem;font-weight:700}.historias-icon{background-color:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.historias-icon.dashed{background-color:#0000;border:2px dashed #38bdf8}.post-item.post-box{color:#fff;background-color:#0f172a;border-radius:6px;width:100%;padding:6px}.post-item.post-box .post-header{letter-spacing:.5px;justify-content:center;align-items:center;gap:4px;font-size:.7rem;font-weight:900;display:flex}.post-item.post-box .post-desc{color:#cbd5e1;margin-top:2px;font-size:.65rem;line-height:1.1}.post-item.reel-box{color:#e11d48;background-color:#ffe4e6;border-radius:6px;width:100%;padding:6px}.post-item.reel-box .post-header{letter-spacing:.5px;color:#fff;background-color:#fb7185;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:2px 4px;font-size:.7rem;font-weight:900;display:inline-flex}.post-item.reel-box .post-desc{color:#9f1239;margin-top:4px;font-size:.65rem;font-weight:600;line-height:1.1}@media (width<=768px){.calendar-header-cell{word-break:break-all;padding:.5rem .2rem;font-size:.6rem}.calendar-cell{min-height:100px;padding:.25rem}.cell-date{font-size:.75rem}.post-item.historias span{display:none}.historias-icon{width:24px;height:24px}.post-item.post-box .post-desc,.post-item.reel-box .post-desc{display:none}}.month-navigator{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.nav-btn{color:#64748b;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:.6rem .8rem;transition:all .2s;display:flex}.nav-btn:hover{color:#004b87;background-color:#f1f5f9}.month-display{color:#004b87;letter-spacing:.5px;text-align:center;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;min-width:140px;padding:.5rem 1rem;font-size:.95rem;font-weight:900}.slide-over-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;background-color:#0006;justify-content:flex-end;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{to{opacity:1}}.slide-over-content{background-color:#fff;flex-direction:column;width:100%;max-width:450px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 25px #0000001a}@keyframes slideIn{to{transform:translate(0)}}.slide-over-header{border-bottom:1px solid var(--border-light,#e2e8f0);z-index:10;background-color:#f8fafc;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.slide-over-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex}.slide-over-footer{border-top:1px solid var(--border-light,#e2e8f0);background-color:#f8fafc;gap:1rem;padding:1.5rem;display:flex;position:sticky;bottom:0}.image-upload-area{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;transition:all .2s;display:flex}.image-upload-area:hover{background-color:#f0f9ff;border-color:#38bdf8}.image-upload-area.has-image{background-color:#000;border:none;padding:0;display:block;position:relative;overflow:hidden}.image-preview{object-fit:contain;width:100%;height:200px;display:block}.remove-image-btn{color:#fff;cursor:pointer;background:#0009;border-radius:50%;padding:4px;transition:background .2s;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#000c}.post-thumbnail-icon{color:#fff;z-index:2;background-color:#10b981;border-radius:50%;padding:2px;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0003}@media (width<=480px){.slide-over-content{max-width:100%}}.tray-title{color:#002d5c;text-transform:uppercase;letter-spacing:-.5px;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.tray-subtitle{color:#64748b;margin:0;font-size:.875rem;font-weight:600}.tray-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.tray-close-btn:hover{color:#0f172a;background:#e2e8f0}.tray-label{color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:800;display:block}.tray-input,.tray-textarea{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.tray-input:focus,.tray-textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.tray-textarea{resize:vertical;min-height:100px}.type-buttons-container{gap:.5rem;width:100%;display:flex}.type-btn{color:#64748b;cursor:pointer;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;flex:1;padding:.75rem .5rem;font-size:.85rem;font-weight:700;transition:all .2s}.type-btn:hover{background:#f8fafc}.type-btn.active.historias{color:#fff;background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 4px 10px #0ea5e933}.type-btn.active.post{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 10px #0f172a33}.type-btn.active.reel{color:#fff;background:#e11d48;border-color:#e11d48;box-shadow:0 4px 10px #e11d4833}.btn-save{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background-color:#004b87;border:none;border-radius:.75rem;flex:1;padding:.875rem;font-size:.9rem;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #004b8733}.btn-save:hover:not(:disabled){background-color:#003865;transform:translateY(-1px)}.btn-save:disabled{opacity:.7;cursor:not-allowed}.btn-delete{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;justify-content:center;align-items:center;width:48px;transition:all .2s;display:flex}.btn-delete:hover{background:#fee2e2}.file-input-hidden{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.post-item.reels{color:#d946ef;cursor:pointer;font-size:.75rem;font-weight:700}.reels-icon{background-color:#d946ef1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.post-item.tiktok{color:#0f172a;cursor:pointer;font-size:.75rem;font-weight:700}.tiktok-icon{background-color:#0f172a1a;border:1px solid #06b6d4;border-right-color:#ec4899;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.post-item.post-box{color:#4f46e5;cursor:pointer;font-size:.75rem;font-weight:700}.post-icon{background-color:#4f46e51a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.ad-chip{color:#fff;white-space:nowrap;text-overflow:ellipsis;background-color:#10b981;border-radius:4px;align-items:center;gap:4px;width:100%;margin-top:4px;padding:2px 6px;font-size:.7rem;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ad-chip.paused{background-color:#94a3b8}.ad-pulse{background-color:#fff;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}