@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600;700&display=swap');
:root{--bg:#080f1d;--pane:#0e1b2c;--pane2:#12263b;--border:#244358;--text:#f0f7ff;--muted:#91a8bc;--cyan:#72e5f6;--blue:#318ce7;--card:#101f31;--shadow:0 22px 70px #0006;--green:#5fe1b7}
body.light{--bg:#eef5fa;--pane:#fff;--pane2:#edf7ff;--border:#cbdde9;--text:#122236;--muted:#577083;--cyan:#087c9b;--blue:#147dcc;--card:#fff;--shadow:0 16px 50px #16436216;--green:#087a5c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;min-height:100vh;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}
.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.26}.ambient-a{width:350px;height:350px;background:#0c96dd;top:-220px;left:-180px}.ambient-b{width:350px;height:450px;background:#00b6e7;right:-260px;top:350px;opacity:.12}
.layout{max-width:1250px;padding:0 30px;margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 18px;border-bottom:1px solid var(--border)}.brand-section{display:flex;align-items:center;gap:15px;min-width:0}.brand-logo{height:82px;width:82px;object-fit:cover;border-radius:50%;border:1px solid #3ccde7;box-shadow:0 0 25px #4cddf83c}.brand-text h1{margin:3px 0 0;font-size:27px;font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-1px}.brand-text h1 span,.footer-brand span{color:var(--cyan)}.brand-text p{color:var(--muted);margin:4px 0 0;font-size:12px}.eyebrow{font:700 10px 'Space Grotesk',Arial,sans-serif;letter-spacing:.18em;color:var(--muted)}.eyebrow.cyan{color:var(--cyan)}.header-actions{display:flex;gap:10px}.icon-button,.outline-button{border:1px solid var(--border);background:var(--pane);color:var(--text);border-radius:12px;padding:12px 16px;font-weight:700;font-size:13px}.icon-button{width:42px;padding:0;font-size:20px}.outline-button:hover,.icon-button:hover{border-color:var(--cyan)}
.hero{border-radius:22px;margin-top:24px;min-height:190px;border:1px solid #234d69;background:linear-gradient(104deg,#10253c 5%,#0a2436 64%,#104c64 130%);padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:32px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;right:150px;top:-150px;width:320px;height:320px;border:1px solid #4fcce52b;transform:rotate(45deg);border-radius:35px;pointer-events:none}.hero h2{font:700 clamp(26px,3.5vw,39px) 'Space Grotesk',Arial,sans-serif;color:#f4fbff;letter-spacing:-1.6px;margin:10px 0}.hero h2 em{font-style:normal;color:#87e9fc}.hero p{margin:0;max-width:670px;color:#b6cddd;font-size:14px;line-height:1.5}.hero-right{min-width:166px;padding-left:22px;border-left:1px solid #426d82;display:flex;flex-direction:column;gap:5px}.hero-right strong{font:700 43px 'IBM Plex Mono',monospace;color:#fff;letter-spacing:-2px}.hero-right>span:last-child{color:#c1d3dd;font-size:12px}.small-status{font:700 10px 'Space Grotesk',Arial,sans-serif;letter-spacing:.09em;color:#9eeed9;white-space:nowrap}.small-status i{display:inline-block;background:#5ce5c0;width:6px;height:6px;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #5ce5c0}
.toolbar{display:flex;gap:10px;align-items:stretch;padding:22px 0 16px}.search-wrap{position:relative;flex:1;min-width:180px}.search-wrap input{background:var(--pane);border:1px solid var(--border);height:51px;color:var(--text);border-radius:12px;padding:0 45px 0 48px;width:100%;font-size:14px;outline:none}.search-wrap input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #35c3de18}.search-icon{font-size:28px;color:var(--muted);position:absolute;left:17px;top:7px}.clear-search{position:absolute;right:8px;top:8px;width:35px;height:35px;background:none;border:none;color:var(--muted);font-size:24px}.primary-button{border:1px solid #39b9da;background:linear-gradient(145deg,#2d8bca,#1a659e);color:#fff;padding:0 18px;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 18px #127bc227}.primary-button:hover{filter:brightness(1.13)}.primary-button b{background:#08273c;color:#acfbff;padding:2px 6px;border-radius:7px;margin-left:5px}.export-button{display:flex;align-items:center;justify-content:center;min-width:90px}
.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--border)}.category-tabs button{flex-shrink:0;border-radius:11px;padding:10px 15px;color:var(--muted);border:1px solid var(--border);background:var(--pane);font-weight:700;font-size:12px;white-space:nowrap}.category-tabs button.active{border-color:#50c9e8;background:#123d58;color:#b7f7ff}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 8px}.list-toolbar>div:first-child{font:700 17px 'Space Grotesk'}.list-toolbar>div:last-child{color:var(--muted);font:600 12px 'IBM Plex Mono'}.chips{display:flex;gap:7px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none;-ms-overflow-style:none}.chips button{border:1px solid var(--border);background:transparent;color:var(--muted);font-size:11px;padding:6px 13px;border-radius:20px;flex-shrink:0}.chips button.active{color:var(--cyan);border-color:var(--cyan);background:#1398b612}
.results{padding-bottom:45px}.group-heading{display:flex;align-items:center;gap:12px;margin:22px 0 11px}.group-heading h3{font:700 15px 'Space Grotesk',Arial,sans-serif;margin:0;color:var(--cyan)}.group-heading .line{height:1px;background:var(--border);flex:1}.group-heading .num{font:500 11px 'IBM Plex Mono',monospace;color:var(--muted)}.product-list{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--card)}.product-row{display:flex;align-items:center;gap:10px;min-height:59px;padding:11px 17px;border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer}.product-row:last-child{border-bottom:0}.product-row:hover{background:var(--pane2)}.product-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.product-name{font:600 13px 'Space Grotesk',Arial,sans-serif;white-space:normal;line-height:1.32}.product-meta{color:var(--muted);font-size:11px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dot-sep{width:3px;height:3px;border-radius:50%;background:var(--muted)}.row-badges{display:flex;gap:5px;flex-wrap:wrap}.tiny-badge{font:700 9px 'Space Grotesk',Arial,sans-serif;padding:3px 7px;border:1px solid #277790;color:#86e6f8;background:#0c3b4f;border-radius:5px;text-transform:uppercase}.tiny-badge.promo{color:#ffe6aa;border-color:#8b6320;background:#4a381d}.product-price{font:700 15px 'IBM Plex Mono',monospace;color:var(--cyan);white-space:nowrap;padding-left:12px}.product-price small{font-size:10px;color:var(--muted);font-weight:500}.copy-icon{font-size:16px;color:var(--muted);opacity:.5}.product-row:hover .copy-icon{opacity:1}.loading,.empty{padding:70px 20px;text-align:center;color:var(--muted);font-size:14px;border:1px dashed var(--border);border-radius:12px}.loading{border:0}
footer{border-top:1px solid var(--border);text-align:center;padding:34px 0 40px;color:var(--muted);font-size:12px}.footer-brand{font:700 21px 'Space Grotesk',Arial,sans-serif;color:var(--text)}.footer-small{font-size:11px}.toast{position:fixed;z-index:500;bottom:22px;left:50%;transform:translate(-50%,15px);background:#d0f9ff;color:#08283d;padding:12px 22px;border-radius:12px;font-weight:700;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow);max-width:90vw}.toast.shown{opacity:1;transform:translate(-50%,0)}
.overlay{position:fixed;inset:0;z-index:300;background:#000b;backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:center;padding:16px}.modal{background:var(--pane);color:var(--text);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:91vh;width:min(760px,100%);overflow:hidden}.admin-modal{width:min(980px,100%)}.modal-header{padding:23px 26px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.modal-header h3{font:700 24px 'Space Grotesk',Arial,sans-serif;margin:6px 0 0}.modal-close{border:1px solid var(--border);background:var(--pane2);color:var(--text);width:34px;height:34px;border-radius:9px;font-size:26px;line-height:1}.modal-tabs,.admin-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--border);padding:12px 22px 0}.modal-tabs button,.admin-tabs button{white-space:nowrap;border:0;border-bottom:2px solid transparent;padding:11px 14px;background:transparent;color:var(--muted);font-weight:700;font-size:12px}.modal-tabs .selected,.admin-tabs .selected{border-color:var(--cyan);color:var(--cyan)}.modal-scroll,.admin-content{overflow:auto;padding:18px 24px;min-height:120px;max-height:65vh}.modal-footer{padding:13px 25px;border-top:1px solid var(--border);color:var(--muted)}.arrival-row{padding:15px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px;justify-content:space-between}.arrival-row:last-child{border:0}.arrival-row strong{font:600 13px 'Space Grotesk'}.arrival-row p{color:var(--muted);font-size:11px;margin:4px 0 0}.arrival-row .amt{color:var(--cyan);font:700 14px 'IBM Plex Mono',monospace;white-space:nowrap}.blank-state{color:var(--muted);text-align:center;padding:35px 20px;line-height:1.5}
.login-screen{padding:27px;max-width:670px}.login-screen p{color:var(--muted);font-size:13px;line-height:1.5}.login-screen label,.admin-content label{display:block;color:var(--text);font:700 12px 'Space Grotesk',Arial,sans-serif;margin:12px 0 7px}.login-row{display:flex;gap:8px}.login-row input{flex:1}.login-screen input,.admin-content input,.admin-content textarea,.admin-content select{border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);padding:12px;font-size:13px;min-width:0}.login-row .primary-button{padding:0 24px}.helper{font-size:11px!important}.error{color:#ffb9b9;background:#7a29291f;border:1px solid #c75f5f;padding:12px;border-radius:9px;font-size:12px}.admin-content{max-height:66vh}.admin-content h4{margin:0 0 4px;font-size:17px}.admin-content .desc{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 14px}.field-row{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.field{flex:1;min-width:170px}.field select{width:100%}.admin-content textarea{display:block;width:100%;min-height:185px;resize:vertical;font:12px/1.6 'IBM Plex Mono',monospace}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.admin-actions .primary-button{padding:12px 18px}.admin-actions .outline-button{background:transparent}.preview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}.stat{background:var(--pane2);border:1px solid var(--border);padding:13px;border-radius:12px}.stat strong{display:block;font:700 24px 'IBM Plex Mono',monospace;color:var(--cyan)}.stat span{font-size:10px;color:var(--muted)}.warning-panel{margin:13px 0;background:#ffcc6b12;border:1px solid #a98043;color:var(--text);border-radius:10px;padding:12px;font-size:12px;line-height:1.6}.data-table-wrap{overflow-x:auto;margin-top:12px;border:1px solid var(--border);border-radius:11px}.data-table{border-collapse:collapse;width:100%;font-size:12px;min-width:570px}.data-table th{font-size:10px;letter-spacing:.05em;text-align:left;background:var(--pane2);color:var(--muted);padding:11px}.data-table td{padding:10px 11px;border-top:1px solid var(--border)}.data-table .number{text-align:right;font:600 12px 'IBM Plex Mono'}.badge-status{background:#085a4825;color:var(--green);padding:3px 6px;border-radius:5px;font-size:10px;font-weight:700}.badge-status.pending{color:#e9ae5d;background:#5c381b22}.rules-list{padding-left:18px;color:var(--text);font-size:12px;line-height:2}.rules-list li{padding-bottom:4px}.success-note{color:var(--green);font-size:12px;padding:10px 0}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill-note{display:inline-block;color:var(--muted);font-size:10px;border:1px solid var(--border);padding:5px 8px;border-radius:8px}
@media (max-width:780px){.layout{padding:0 15px}.site-header{padding:15px 0}.brand-logo{height:60px;width:60px}.brand-text h1{font-size:21px}.brand-text p{display:none}.eyebrow{font-size:9px}.hero{padding:24px 20px;min-height:0}.hero-right{display:none}.toolbar{flex-wrap:wrap}.search-wrap{flex:1 0 100%}.toolbar .primary-button{flex:1;height:45px}.export-button{height:45px}.product-row{padding:10px 12px}.product-price{font-size:13px}.modal-header{padding:18px}.modal-scroll,.admin-content{padding:16px}.preview-stats{grid-template-columns:repeat(2,1fr)}.header-actions .outline-button{font-size:0;width:40px;padding:0}.header-actions .outline-button:first-letter{font-size:19px}}
@media (max-width:460px){.brand-text h1{font-size:19px}.brand-logo{width:53px;height:53px}.hero h2{font-size:28px}.hero{border-radius:15px}.product-name{font-size:12px}.product-price{font-size:12px;padding-left:2px}.product-row{gap:6px}.copy-icon{display:none}.category-tabs button{padding:8px 10px;font-size:11px}.modal-tabs,.admin-tabs{padding-left:8px}.modal-tabs button,.admin-tabs button{font-size:11px;padding:10px}.login-row{flex-wrap:wrap}.login-row input{flex-basis:100%}.login-row .primary-button{height:42px;width:100%}}


/* Navegación horizontal sin barras visibles; rueda del mouse y deslizamiento táctil habilitados. */
.category-tabs,.chips{
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none; /* Firefox */
  -ms-overflow-style:none; /* Edge legado */
  -webkit-overflow-scrolling:touch;
}
.category-tabs::-webkit-scrollbar,.chips::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}

/* v3 — Orden Apple, contactos y contenido editorial */
.header-shortcut{white-space:nowrap}
.live-bar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}
.live-item{border:1px solid var(--border);border-radius:13px;background:var(--pane);padding:14px 18px;display:flex;align-items:center;gap:12px;min-width:0}
.live-icon{width:34px;height:34px;border-radius:9px;flex:0 0 34px;display:grid;place-items:center;background:#0e4354;color:var(--cyan);font-size:23px;font-weight:800}
.live-item div{display:flex;flex-direction:column;gap:3px;min-width:0}.live-item strong{font:700 11px 'Space Grotesk',Arial,sans-serif;letter-spacing:.025em}.live-item span:not(.live-icon){font-size:13px;font-weight:600;color:var(--cyan)}.live-item small{color:var(--muted);font-size:10px}
.whatsapp-float{position:fixed;z-index:240;bottom:23px;right:23px;border:2px solid #aef5ca;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 9px 28px #0008;width:64px;height:64px;border-radius:50%;transition:transform .2s,box-shadow .2s}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 10px 36px #25d36670}.wa-tooltip{position:absolute;right:73px;background:#193b34;color:#fff;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.whatsapp-float:hover .wa-tooltip{opacity:1}
.about-modal{width:min(840px,100%)}.about-content{display:grid;grid-template-columns:minmax(220px,.9fr) 1.1fr;gap:24px;padding:24px;overflow:auto}.about-photo{width:100%;height:auto;max-height:390px;object-fit:cover;border-radius:16px;border:1px solid #40738a;box-shadow:0 0 32px #3ce6f41c}.about-copy h4{font:700 25px/1.2 'Space Grotesk',sans-serif;margin:13px 0}.about-copy p{line-height:1.7;font-size:14px;color:var(--muted);margin:11px 0}.about-contact{padding:13px 20px;margin-top:15px}
.product-name{overflow-wrap:anywhere}.product-row{scroll-margin-top:20px}
@media(max-width:780px){.header-actions{gap:6px}.header-shortcut{font-size:11px;padding:11px}.live-bar{grid-template-columns:1fr}.header-actions .outline-button.header-shortcut{font-size:0;width:40px;padding:0}.header-actions #aboutBtn::before{content:'◉';font-size:21px}.header-actions #shareBtn::before{content:'↗';font-size:24px}.about-content{grid-template-columns:1fr}.about-photo{max-width:400px;max-height:390px;margin:auto}.about-copy h4{font-size:21px}}
@media(max-width:460px){.brand-logo{width:51px;height:51px}.brand-text h1{font-size:18px}.brand-text .eyebrow{font-size:7px;letter-spacing:.10em}.header-shortcut{width:36px!important}.icon-button{width:36px;height:39px}.wa-tooltip{display:none}.whatsapp-float{right:14px;bottom:16px;width:56px;height:56px}.about-content{padding:15px}}