500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--green:#167b5c;--lime:#d2f78b;--ink:#192822;--muted:#6b7671;--line:#e2e8e4;--bg:#f5f7f5;--red:#bd3c3c;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #69ac8b;outline-offset:4px}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}#store-status{background:#e6eedf;text-align:center;padding:7px 16px;font-size:12px;letter-spacing:.06em;font-weight:700;color:#39573d}#store-status span{font-weight:400;letter-spacing:0;margin-left:12px}header{background:white;border-bottom:1px solid var(--line)}.header-inner{max-width:1360px;margin:auto;padding:22px 48px;display:flex;align-items:center;gap:64px}.brand{display:inline-flex;align-items:center;white-space:nowrap;font-size:25px;font-weight:800;letter-spacing:-1px}.brand>span:not(.brand-symbol){color:var(--green)}.brand small{font-size:12px;align-self:flex-end;margin:0 0 5px 2px;letter-spacing:0;color:var(--muted)}.brand-symbol{display:grid;place-items:center;background:var(--green);color:white;width:35px;height:35px;border-radius:10px;font-size:17px;margin-right:9px;padding-left:2px}.header-inner nav{display:flex;gap:30px;font-size:14px;font-weight:600}.header-inner nav a{padding:8px 0;color:var(--muted)}.header-inner nav a.active{color:var(--green);box-shadow:0 2px var(--green)}.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.button{border:0;border-radius:9px;padding:12px 20px;background:var(--green);color:#fff;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px}.button.dark{background:var(--ink)}.button.light{background:#edf4ef;color:var(--green)}.button.outline{border:1px solid var(--line);background:white;color:var(--ink)}.button.danger{background:#fbe9e9;color:var(--red)}.button.full{width:100%}.icon-button{border:1px solid var(--line);background:white;width:42px;height:42px;border-radius:10px;font-size:22px;color:var(--ink)}main{max-width:1360px;margin:0 auto;padding:30px 48px 60px;min-height:70vh}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--green);margin-bottom:12px}.hero{display:flex;align-items:center;position:relative;overflow:hidden;background:#173e32;color:white;border-radius:20px;padding:32px 38px;margin-bottom:30px;min-height:200px;gap:20px}.hero h1{font-size:37px;letter-spacing:-1.4px;font-weight:600;line-height:1.15;margin:0 0 12px;max-width:600px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{color:#c6d8cd;margin:0;font-size:14px}.hero .eyebrow{color:var(--lime);font-size:11px}.hero-stamp{margin-left:auto;text-align:right;white-space:nowrap}.hero-stamp strong{display:block;font-size:76px;font-weight:900;letter-spacing:-5px;line-height:1;color:var(--lime)}.hero-stamp span{font-size:12px;letter-spacing:.2em;color:#c6d8cd}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h1,.section-heading h2{font-size:25px;letter-spacing:-.7px;margin:0}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:14px}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:10px;padding:0 14px;width:310px}.search span{font-size:24px;color:var(--muted)}.search input{width:100%;border:0;outline:none;padding:12px 0;background:none;font-size:14px}.categories{display:flex;gap:8px;overflow:auto;padding:2px 0 12px;margin-bottom:12px;scrollbar-width:thin}.category{flex-shrink:0;white-space:nowrap;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 15px;font-size:14px;color:#606c65}.category.active{background:var(--ink);color:white;border-color:var(--ink)}.category .cat-icon{margin-right:8px}.results-line{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin:0 0 18px}.results-line select{border:0;background:transparent;color:var(--ink);font-size:13px;max-width:180px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .18s,box-shadow .18s}.product:hover{transform:translateY(-3px);box-shadow:0 12px 22px #1835260a}.product-art{height:128px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--card-bg,#eef3f0);color:var(--card-fg,#253b2f);overflow:hidden}.product-art .wordmark{font-size:30px;font-weight:800;letter-spacing:-1px}.product-art .badge{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:.05em;border-radius:5px;padding:3px 7px;background:#ffffffdc;color:#25352d;font-weight:700}.product-content{padding:18px}.product-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.stock-dot{font-size:11px;letter-spacing:0;text-transform:none;color:var(--green)}.stock-dot.low{color:#a96a16}.stock-dot.empty{color:#a65555}.product h3{font-size:18px;margin:7px 0 4px;letter-spacing:-.3px}.product-description{color:var(--muted);font-size:13px;margin:0;min-height:39px}.price{display:flex;align-items:baseline;gap:5px;margin:15px 0 14px}.price strong{font-size:26px;font-weight:750;letter-spacing:-1px}.price small{color:var(--muted);font-size:12px}.price .from{font-size:11px;color:var(--muted);margin-right:auto}.product .button{width:100%;padding:10px 12px;min-height:40px}.details{display:block;width:100%;border:0;background:none;margin-top:8px;padding:7px;color:#66776d;font-size:13px}.empty{border:1px dashed #cbd7ce;border-radius:16px;text-align:center;padding:60px 20px;background:white;grid-column:1/-1}.empty h2{font-size:22px}.empty p{color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1264px;margin:auto;display:flex;align-items:center;gap:25px;padding:28px 0;color:var(--muted)}footer .brand{font-size:19px;color:var(--ink)}footer .brand-symbol{width:27px;height:27px;font-size:12px;border-radius:8px}footer p{font-size:13px}footer small{margin-left:auto;font-size:12px}dialog{border:0;border-radius:22px;padding:32px;width:540px;max-width:calc(100% - 28px);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#10281e8c;backdrop-filter:blur(4px)}.close{position:absolute;top:16px;right:16px;border:0;background:#f1f5f1;width:32px;height:32px;font-size:16px}dialog h2{font-size:27px;letter-spacing:-.8px;margin:5px 35px 8px 0}dialog p{font-size:14px;color:var(--muted)}.modal-brand{width:56px;height:56px;display:grid;place-items:center;background:var(--green);color:white;border-radius:16px;font-size:24px;margin:5px 0 18px}.form-field{display:block;margin:17px 0;font-size:14px;font-weight:600}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;border:1px solid #cfdad2;border-radius:9px;padding:12px;background:white;color:var(--ink);margin-top:6px;font-weight:400;outline-color:var(--green)}.form-field small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row .form-field{margin-top:5px}.choice-row{display:flex;gap:8px;margin:10px 0 20px}.choice{flex:1;text-align:center;border:1px solid var(--line);border-radius:10px;background:white;padding:12px 8px;font-size:14px}.choice.active{border:2px solid var(--green);background:#edf5ef;padding:11px 7px;color:var(--green)}.choice small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.summary{background:var(--bg);border-radius:12px;padding:18px;margin:20px 0}.summary-row{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin:6px 0}.summary-row.total{font-size:20px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-weight:700}.notice{padding:12px 15px;border:1px solid #d6e4d9;background:#f0f6f1;border-radius:9px;font-size:13px;color:#536b5c;margin:16px 0}.notice.warn{background:#fff7e9;border-color:#ebdfc5;color:#80602a}.error{color:var(--red)!important;min-height:18px;font-size:13px!important}.check-list{padding-left:20px;font-size:14px;color:#536b5c}.check-list li{margin:8px 0}.account-toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid var(--line);padding:20px;border-radius:14px}.stat span{font-size:13px;color:var(--muted)}.stat strong{display:block;font-size:28px;margin-top:7px}.admin-tabs{display:flex;gap:8px;margin:26px 0}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-size:12px;color:var(--muted);background:#f9fbf9;font-weight:600;white-space:nowrap}td,th{padding:16px 20px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted)}td .button{padding:8px 12px;min-height:34px;font-size:12px}.pill{display:inline-block;padding:4px 8px;background:#edf5ef;color:var(--green);font-size:12px;border-radius:5px;white-space:nowrap}.pill.warn{background:#fff1db;color:#986119}.pill.gray{background:#f0f1f0;color:#68716d}.subscriptions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.subscription{border:1px solid var(--line);border-radius:16px;padding:24px;background:white}.subscription h3{margin:5px 0;font-size:21px}.subscription p{font-size:14px;color:var(--muted)}.credentials{background:var(--bg);padding:16px;border-radius:10px;font-size:14px;overflow-wrap:anywhere}.credentials dt{font-size:12px;color:var(--muted);margin-top:8px}.credentials dd{margin:2px 0;font-family:monospace}.loading{text-align:center;padding:80px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;border-radius:12px;padding:14px 24px;max-width:90vw;z-index:10;font-size:14px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.link-button{border:0;background:none;color:var(--green);padding:6px;font-size:14px}.mobile-label{display:none}@media(min-width:1600px){main{padding-top:40px}.hero{min-height:230px}.product-art{height:150px}}@media(max-width:1100px){.header-inner{gap:30px;padding:20px 25px}main{padding:25px}.products{gap:14px}.product-content{padding:14px}.wordmark{font-size:25px!important}footer{margin:0 25px}.hero-stamp strong{font-size:60px}.hero h1{font-size:32px}}@media(max-width:850px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{flex-wrap:wrap;gap:15px}.header-inner nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}.hero-stamp{display:none}.stats{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap;gap:5px 20px}footer small{margin-left:0;width:100%}.subscriptions{grid-template-columns:1fr}}@media(max-width:520px){#store-status{font-size:10px}#store-status span{display:none}main{padding:20px 16px 40px}.header-inner{padding:16px}.brand{font-size:22px}.brand small{display:none}.header-actions{gap:6px}.header-actions .button{padding:9px 12px}.hero{padding:25px 23px;margin-bottom:25px;min-height:190px}.hero h1{font-size:30px}.hero p{font-size:13px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h1,.section-heading h2{font-size:23px}.search{width:100%}.products{gap:12px}.product-art{height:105px}.product-art .wordmark{font-size:23px!important}.product-art .badge{font-size:9px;top:8px;left:8px}.product-content{padding:13px 11px}.product-meta{font-size:9px;letter-spacing:0}.stock-dot{font-size:10px}.product h3{font-size:16px}.product-description{font-size:12px;min-height:54px}.price{gap:3px;flex-wrap:wrap;margin:10px 0}.price .from{display:none}.price strong{font-size:23px}.product .button{font-size:12px}.details{font-size:12px}dialog{padding:25px 20px}.form-row{grid-template-columns:1fr}.stat{padding:16px}.stat strong{font-size:24px}.admin-tabs{overflow:auto}.account-toolbar{gap:12px;flex-wrap:wrap}footer{margin:0 16px}.category{padding:9px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Marca oficial. Se conserva la distribución y el tema claro del ZIP aprobado. */
:root{--green:#007e98;--lime:#73ecff;--ink:#142637;--muted:#687783;--line:#dfe7ed;--bg:#f5f8fa}.brand{letter-spacing:normal;flex-shrink:0}.official-logo{display:block;width:220px;height:66px;overflow:hidden}.brand.small .official-logo{width:180px;height:54px}.header-inner{padding-top:14px;padding-bottom:14px}.hero{background:#082a3b}.hero .eyebrow{color:#73ecff}.hero p{color:#c5dbe5}.hero-stamp .official-logo{width:270px;height:82px}.button.light{background:#e9f6fb;color:#007e98}.choice.active{background:#eaf8fc}.notice{background:#eef8fb;border-color:#cee6ed;color:#456a78}.pill{background:#e7f6fa;color:#00748d}#store-status{background:#e5f4f9;color:#3e6674}.admin-login{max-width:440px;margin:35px auto 60px;background:white;border:1px solid var(--line);border-radius:20px;padding:34px}.admin-login h1{font-size:29px;letter-spacing:-1px;line-height:1.2}.admin-login p{font-size:14px;color:var(--muted)}.login-brand{margin:8px 0 20px}.login-brand .official-logo{width:240px;height:73px}.admin-login .button{margin-top:8px}@media(max-width:1100px){.hero-stamp .official-logo{width:210px;height:64px}}@media(max-width:520px){.brand .official-logo{width:170px;height:51px}.header-inner{gap:10px}.admin-login{padding:25px;margin-top:15px}.login-brand .official-logo{width:210px;height:64px}}

/* Estado sin stock: botón blanco e inactivo */
.product .button:disabled{opacity:1;background:#fff;color:#7b8790;border:1px solid var(--line);box-shadow:none}

/* Acceso de clientes: centrado, limpio y por correo */
.auth-modal{text-align:center}.auth-modal .login-brand{display:flex;justify-content:center;margin:0 0 18px}.auth-modal h2{margin:4px 34px 22px}.auth-modal .form-field{text-align:center;margin:16px 0}.auth-modal .form-field input{text-align:center}.auth-modal .form-field small{display:inline;color:var(--muted);font-size:12px}.auth-modal .error{text-align:center;margin:8px 0}.auth-switch{display:block;margin:14px auto 0}.auth-subtle{text-align:center;margin:0 0 16px}.modal-code{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin:0 auto 14px;background:#e9f7fb;color:#007e98;font-size:24px}.modal-code.success{background:#e9f8f0;color:#14805d;font-weight:800}.success-notice{background:#ecf8f2!important;border-color:#cce9da!important;color:#24624b!important}.phone-verified-success h2{margin-bottom:10px}.phone-verified-success .auth-subtle{margin-bottom:18px}.otp-input{font-size:23px!important;font-weight:750!important;letter-spacing:7px!important;padding-left:19px!important}.social-stack{display:grid;gap:10px;margin:4px 0 18px}.social-button{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:650;display:flex;align-items:center;justify-content:center;gap:12px}.social-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:16px;font-weight:800}.social-button.google .social-mark{color:#4285f4}.social-button:disabled{opacity:.42}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-divider span{white-space:nowrap}@media(max-width:520px){.auth-modal h2{margin-right:28px;margin-left:28px}.otp-input{font-size:21px!important;letter-spacing:6px!important}}

/* Auth social providers + purchase identity */
.social-logo{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px}.social-logo svg{width:22px;height:22px;display:block}.social-button.tiktok{color:#111}.social-complete-mark{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:#fff}.social-complete-mark svg{width:30px;height:30px}.checkout-phone-field{text-align:left}.phone-linked{text-align:left}.danger-pill{background:#fbe9e9!important;color:var(--red)!important}.muted{color:var(--muted)}


/* Auth social buttons: stable alignment on every browser */
.social-stack{display:grid;gap:10px;width:100%;margin:6px 0 20px}
.social-button{width:100%;height:48px;min-height:48px;padding:0 18px;display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;column-gap:12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:650;line-height:1;white-space:nowrap;overflow:hidden}
.social-button::after{content:"";width:22px;height:22px;grid-column:3}
.social-logo{grid-column:1;width:22px;height:22px;display:grid;place-items:center;justify-self:center}
.social-logo svg{width:22px!important;height:22px!important;max-width:22px;max-height:22px;overflow:visible;display:block}
.social-label{grid-column:2;text-align:center;justify-self:center;line-height:1.2}
.social-button.google{color:#3c4043}.social-button.tiktok{color:#111}
.social-button:disabled{opacity:.52;background:#fff}
.auth-divider{display:grid;grid-template-columns:minmax(28px,1fr) auto minmax(28px,1fr);align-items:center;gap:12px;width:100%;margin:20px 0 16px;color:var(--muted);font-size:12px;line-height:1.2}
.auth-divider:before,.auth-divider:after{content:"";display:block;height:1px;background:var(--line)}
.auth-divider span{white-space:nowrap;display:block}
.auth-modal .form-field{position:relative;z-index:1}
@media(max-width:520px){.social-button{padding:0 14px;grid-template-columns:24px minmax(0,1fr) 24px}.social-logo,.social-logo svg{width:20px!important;height:20px!important}.auth-divider{gap:9px}.auth-divider span{font-size:11px}}

/* Selector internacional de teléfono */
.checkout-phone-field .iti{display:block;width:100%;margin-top:6px}.checkout-phone-field .iti input{margin-top:0;padding-top:12px;padding-bottom:12px}.checkout-phone-field .iti__selected-country-primary{border-radius:9px 0 0 9px}.checkout-phone-field .iti__country-container{font-weight:400}.checkout-phone-field .iti__dropdown-content{z-index:100000;color:var(--ink);font-weight:400}.checkout-phone-field .iti__search-input{margin:0!important;border-radius:0!important}.checkout-phone-field #checkout-phone-meta{margin-top:8px;color:#405d50}.checkout-phone-field #checkout-phone-meta strong{color:var(--ink)}

/* Administración de clientes: acción de desvincular teléfono al pasar el mouse */
.admin-phone-control{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:150px}
.admin-phone-number{white-space:nowrap}
.admin-unlink-phone{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:700;padding:0;cursor:pointer;opacity:0;max-height:0;overflow:hidden;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease,max-height .16s ease}
.admin-phone-control:hover .admin-unlink-phone,.admin-phone-control:focus-within .admin-unlink-phone{opacity:1;max-height:24px;transform:translateY(0);padding-top:2px}
.admin-unlink-phone:hover{text-decoration:underline}
@media(hover:none){.admin-unlink-phone{opacity:1;max-height:24px;transform:none;padding-top:2px}}

/* Verificación de teléfono iniciada por el cliente mediante WhatsApp */
.wa-verification-code{margin:16px auto;padding:12px 16px;border:1px dashed #b8ccd4;border-radius:10px;background:#f7fbfc;text-align:center;font:700 20px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#0b6f83}.whatsapp-verify-button{background:#128c4a;margin-top:4px}.whatsapp-verify-button:hover{filter:brightness(.95)}.wa-waiting{text-align:center;margin:14px 0 6px}

/* =========================================================
   AHORRAPLAY · DISEÑO V7
   Reconstrucción visual basada en la referencia del usuario.
   La lógica/SSR de V5 se conserva.
   ========================================================= */
:root{--ap-blue:#079cf4;--ap-blue-2:#28b7ff;--ap-navy:#0b1f39;--ap-text:#14233a;--ap-soft:#edf7ff;--ap-soft-2:#f6fbff;--ap-line:#dceaf5;--ap-green:#22b86b;--green:#079cf4;--lime:#d9f3ff;--ink:#14233a;--muted:#69798b;--line:#dce7f1;--bg:#fff;--radius:13px}
html{scroll-behavior:smooth;background:#fff}body{background:#fff;color:var(--ap-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0 0 auto 0;height:1px;background:transparent;pointer-events:none}button{font-family:inherit}.button{background:linear-gradient(180deg,#18aefc,#008fe8);border:0;border-radius:9px;box-shadow:0 5px 14px rgba(0,145,232,.17);font-weight:800;letter-spacing:-.01em}.button:hover:not(:disabled){filter:none;transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,145,232,.24)}.button.outline{background:#fff;border:1px solid #a9d8f5;color:#0d76b8;box-shadow:none}.button.light{background:#eaf7ff;color:#087cc7;box-shadow:none}.button.dark{background:var(--ap-navy)}

/* Header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.98);border-bottom:1px solid #eaf1f7;box-shadow:0 2px 12px rgba(15,42,67,.035);backdrop-filter:saturate(140%) blur(12px)}.header-inner{max-width:1280px;margin:auto;min-height:66px;padding:7px 20px;display:flex;align-items:center;gap:22px}.brand{flex:0 0 auto;height:44px;display:flex;align-items:center}.brand .official-logo{width:166px;height:48px;display:block}.main-nav{display:flex;align-items:center;gap:4px;margin-left:4px}.main-nav a,.main-nav .nav-link{border:0;background:transparent;color:#203349;font-weight:600;font-size:13px;line-height:1;padding:22px 11px 20px;position:relative;white-space:nowrap}.main-nav a.active,.main-nav a:hover,.main-nav .nav-link:hover{color:#078fe2}.main-nav a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:10px;height:3px;border-radius:10px;background:var(--ap-blue);box-shadow:0 2px 8px rgba(7,156,244,.3)}.header-search{margin-left:auto;width:min(245px,20vw);height:37px;border:1px solid #e0ebf3;border-radius:18px;background:#f3f8fc;display:flex;align-items:center;gap:8px;padding:0 12px;transition:.15s}.header-search:focus-within{background:#fff;border-color:#9ed7f9;box-shadow:0 0 0 3px #e6f6ff}.header-search .search-icon{font-size:19px;color:#73879a;line-height:1}.header-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#24384e;font-size:12px;padding:0}.header-search input::placeholder{color:#91a0ad}.header-actions{margin-left:0;display:flex;align-items:center;gap:8px}.header-icon{width:38px;height:38px;border:0;background:transparent;color:#0b263f;border-radius:9px;display:grid;place-items:center;position:relative;font-size:18px}.header-icon:hover{background:#f0f8fd}.cart-count{position:absolute;right:0;top:0;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:#0aa2f6;color:#fff;font-size:9px;border:2px solid #fff}.admin-shortcut{font-weight:900}.account-button{height:44px;border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:4px 5px 4px 4px;color:#122942;border-radius:10px}.account-button:hover{background:#f3f9fd}.account-avatar{width:30px;height:30px;border:1.5px solid #163650;border-radius:50%;display:grid;place-items:center;font-size:17px;line-height:1}.account-copy{display:grid;text-align:left;gap:0;max-width:95px}.account-copy small{font-size:9px;color:#8795a2;line-height:1.05}.account-copy strong{font-size:11px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chevron{font-size:12px;color:#8293a1}

/* Main shell */
main#app{max-width:1280px;margin:0 auto;padding:0 20px 42px;min-height:70vh}.hero-v7{height:332px;margin:0 -20px;display:grid;grid-template-columns:46% 54%;overflow:hidden;position:relative;background:linear-gradient(90deg,#f4fbff 0,#f8fcff 41%,#d7ebf8 52%,#9ac5de 100%);border-radius:0}.hero-v7::before{content:"";position:absolute;left:-110px;top:-110px;width:500px;height:500px;border-radius:50%;border:52px solid rgba(22,167,244,.055);box-shadow:0 0 0 54px rgba(22,167,244,.025),0 0 0 106px rgba(22,167,244,.018)}.hero-copy{position:relative;z-index:3;align-self:center;padding:28px 0 28px 44px}.hero-kicker{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1;font-weight:800;color:#077ec6;letter-spacing:.03em;background:#e8f7ff;border-radius:6px;padding:6px 9px;margin-bottom:10px}.hero-copy h1{margin:0;color:#0b2038;font-size:40px;line-height:.98;letter-spacing:-1.6px;font-weight:900}.hero-copy h1 em{font-style:normal;color:#079cf4}.hero-copy>p{font-size:14px;line-height:1.4;color:#5b6f82;max-width:485px;margin:11px 0 14px}.hero-cta-row{display:flex;align-items:center;gap:22px}.hero-cta{min-width:155px;height:39px;padding:8px 17px;border-radius:21px;font-size:12px}.hero-clients{display:flex;align-items:center;gap:9px}.avatar-stack{display:flex}.avatar-stack i{width:25px;height:25px;margin-left:-6px;border-radius:50%;background:linear-gradient(135deg,#e8c3ae,#9d684b);border:2px solid #fff;display:grid;place-items:center;font-style:normal;font-size:11px;overflow:hidden}.avatar-stack i:first-child{margin-left:0}.hero-clients>span:last-child{display:grid}.hero-clients strong{font-size:11px;color:#0d2d49}.hero-clients small{font-size:8.5px;color:#697f91}.hero-scene{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 65%,rgba(255,180,78,.5),transparent 28%),linear-gradient(115deg,#b4d6e8 0,#7aa8c3 30%,#183450 72%,#0b2038 100%)}.hero-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.13),transparent 30%),linear-gradient(0deg,rgba(1,13,25,.22),transparent 35%)}.room-glow{position:absolute;right:25px;bottom:25px;width:120px;height:160px;border-radius:80px 80px 0 0;background:radial-gradient(circle at 50% 40%,#ffd18a 0,#f4a44d 22%,rgba(244,164,77,.1) 45%,transparent 70%);filter:blur(2px)}.hero-tv{position:absolute;width:370px;height:204px;left:108px;top:24px;background:#07121e;border:8px solid #12283b;border-radius:7px;box-shadow:0 18px 35px rgba(0,0,0,.34);transform:perspective(800px) rotateY(-2deg)}.tv-screen{height:100%;padding:27px 25px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;background:radial-gradient(circle at 50% 45%,#102a45,#050b12)}.tv-tile{border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 6px 14px rgba(0,0,0,.18);min-width:0}.tv-stand{position:absolute;width:95px;height:25px;left:50%;bottom:-30px;transform:translateX(-50%);border-bottom:8px solid #1b3142;border-left:24px solid transparent;border-right:24px solid transparent}.hero-laptop{position:absolute;left:7px;bottom:17px;width:210px;height:128px;border:6px solid #12283a;border-bottom-width:11px;border-radius:7px;background:#08111d;transform:perspective(800px) rotateY(10deg) rotateX(1deg);box-shadow:0 18px 35px rgba(0,0,0,.3)}.hero-laptop::after{content:"";position:absolute;left:-13px;right:-13px;bottom:-19px;height:8px;border-radius:1px 1px 8px 8px;background:linear-gradient(#a3b1ba,#4c5a64)}.laptop-screen{height:100%;padding:14px;background:linear-gradient(150deg,#172b42,#07101b);color:#fff}.laptop-screen>span{font-size:8px;font-weight:800}.mini-posters{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:8px;height:72px}.mini-posters i{border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-phone{position:absolute;right:48px;bottom:18px;width:55px;height:115px;border:4px solid #0a1723;border-radius:10px;background:#07131f;box-shadow:0 15px 25px rgba(0,0,0,.3);transform:rotate(2deg)}.phone-screen{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:linear-gradient(#133d67,#081728)}.hero-note{position:absolute;right:10px;top:46px;color:#fff;text-align:center;font-size:14px;font-style:italic;line-height:1.25;transform:rotate(-5deg);text-shadow:0 2px 8px rgba(0,0,0,.3)}

/* Brand/code visuals */
.platform-image{width:100%;height:100%;object-fit:cover;display:block}.platform-image.mini{object-fit:contain;padding:5px}.brand-mark{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;color:#fff;white-space:nowrap}.netflix-mark{font-family:Impact,Arial Black,sans-serif;font-size:45px;color:#e50914;text-shadow:0 2px 12px rgba(229,9,20,.2)}.disney-mark{font-family:Georgia,serif;font-size:27px;font-style:italic;color:#fff}.max-mark{font-size:34px;font-weight:900;letter-spacing:-2px;color:#fff}.prime-mark{font-size:20px;font-weight:700;color:#e7f4ff;gap:4px}.prime-mark b{font-weight:500}.youtube-mark{gap:6px;font-size:15px;font-weight:700}.youtube-mark i{font-style:normal;width:31px;height:21px;background:#ff1020;border-radius:6px;display:grid;place-items:center;font-size:10px;color:#fff}.spotify-mark{gap:7px;font-size:19px;color:#21da66}.spotify-mark i{font-style:normal;font-size:27px}.generic-mark{font-size:22px;font-weight:900;color:var(--card-fg,#fff);letter-spacing:-.6px}.brand-netflix{background:radial-gradient(circle at 35% 30%,#33090d,#090607 72%)}.brand-disney{background:linear-gradient(135deg,#08467b,#008cb8 58%,#142353)}.brand-max{background:linear-gradient(135deg,#0728c5,#0a1ee7 45%,#111571)}.brand-prime{background:linear-gradient(135deg,#06223d,#003e5d)}.brand-youtube{background:linear-gradient(135deg,#8f0710,#d50c18 55%,#4c0308)}.brand-spotify{background:linear-gradient(135deg,#042c18,#006b37 60%,#02190d)}.brand-generic{background:var(--card-bg,#eaf4ff)}


/* Sections */
.catalog-section,.combos-section,.how-section{scroll-margin-top:76px}.catalog-section{padding:22px 36px 10px}.store-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px}.store-section-heading h2{font-size:20px;line-height:1.1;margin:0;color:#102741;letter-spacing:-.45px}.store-section-heading p{margin:3px 0 0;color:#7b8996;font-size:10px}.text-cta{border:1px solid #cde8f8;background:#fff;color:#167db9;border-radius:16px;padding:7px 13px;font-size:9px;font-weight:700;white-space:nowrap}.text-cta:hover{background:#eff9ff}.category-showcase-wrap{position:relative;margin:2px 0 18px}.category-showcase{display:flex;align-items:stretch;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;border-bottom:1px solid #e8eef3;padding:0 0 1px}.category-showcase::-webkit-scrollbar{display:none}.category-tile{position:relative;flex:0 0 92px;min-height:92px;border:0;background:transparent;color:#101820;border-radius:12px 12px 0 0;padding:11px 8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .16s ease,transform .16s ease}.category-tile:hover{background:#f4f9fd;transform:translateY(-1px)}.category-tile::after{content:'';position:absolute;left:13px;right:13px;bottom:-1px;height:3px;border-radius:3px;background:transparent}.category-tile.active{background:#f6fbff}.category-tile.active::after{background:#1099e8}.category-tile-icon{width:37px;height:37px;display:grid;place-items:center;color:#111820}.category-tile-icon svg,.category-tile-icon img{width:37px;height:37px;display:block;object-fit:contain}.category-tile-icon svg rect:not([fill]),.category-tile-icon svg path:not([fill]),.category-tile-icon svg ellipse:not([fill]){vector-effect:non-scaling-stroke}.category-tile strong{font-size:10px;line-height:1.1;text-align:center;color:#182a3b;font-weight:750}.category-tile.active strong{color:#0b8fd9}.result-count{position:absolute;right:0;bottom:-15px;font-size:9px;color:#7d8f9e}.products{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.product{border:1px solid #dfeaf2;border-radius:10px;box-shadow:0 3px 12px rgba(25,68,96,.055);overflow:hidden;transform:none}.product:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,84,122,.12)}.product-art{height:85px;border-bottom:1px solid rgba(0,0,0,.04);background:var(--card-bg);padding:0}.product-art .brand-mark{transform:scale(.88)}.product-art .platform-image{padding:0}.product-art .badge{top:7px;left:7px;font-size:7px;border-radius:4px;padding:3px 5px;z-index:2}.product-content{padding:9px 10px 10px}.product h3{font-size:12px;margin:0 0 4px;letter-spacing:-.1px;color:#152b40}.product-description{font-size:8.5px;line-height:1.35;min-height:23px;margin:0;color:#778795}.price{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:3px;margin:7px 0 5px}.price .from{grid-column:1/-1;font-size:7px;color:#8a98a4;margin:0;line-height:1}.price strong{font-size:16px;line-height:1;color:#102942;letter-spacing:-.45px}.price small{font-size:8px;color:#71818e;align-self:end}.product-primary{width:100%;min-height:29px;padding:5px 8px;border-radius:8px;font-size:9px}.product-primary:disabled{background:#cbd8e0;color:#fff}.product-details{margin:4px 0 0;border:1px solid #a6d6f2;border-radius:7px;color:#1a405b;padding:5px;font-size:7.5px;font-weight:800;letter-spacing:.015em;background:#fff}.compact-empty{padding:35px 20px}

/* Combos */
.combos-section{margin:16px -20px 0;padding:13px 56px 16px;background:linear-gradient(90deg,#eef8ff,#e4f4ff 55%,#edf9ff)}.combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.combo-card{position:relative;background:#fff;border:1px solid #d8e9f4;border-radius:11px;box-shadow:0 4px 14px rgba(20,67,97,.055);padding:10px 12px}.combo-badge{position:absolute;top:7px;left:12px;color:#fff;background:#15a4ec;border-radius:10px;padding:3px 8px;font-size:7px;font-weight:800;z-index:2}.combo-card:nth-child(2) .combo-badge{background:#8256e8}.combo-card:nth-child(3) .combo-badge{background:#27ad62}.combo-main{min-height:74px;display:grid;grid-template-columns:minmax(0,1.5fr) auto auto;align-items:end;gap:12px}.combo-left{padding-top:15px;min-width:0}.combo-logos{display:flex;gap:4px;margin-bottom:5px}.combo-mini{width:39px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.combo-mini .brand-mark{transform:scale(.48)}.combo-mini .netflix-mark{font-size:31px}.combo-left h3{font-size:11px;margin:0;color:#142b42}.combo-left p{margin:2px 0 0;font-size:7.5px;color:#798a97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-price{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:3px;min-width:84px}.combo-price small{grid-column:1/-1;font-size:7px;color:#82929f}.combo-price strong{font-size:15px;color:#102942;line-height:1}.combo-price span{font-size:7px;color:#778796}.combo-price em{grid-column:1/-1;font-size:7px;color:#19985a;background:#eafaf1;border-radius:7px;padding:2px 5px;font-style:normal;margin-top:4px;justify-self:start}.combo-button{min-width:104px;min-height:31px;padding:6px 12px;border-radius:16px;font-size:8px}.combo-empty{grid-column:1/-1;padding:28px;text-align:center;color:#758897;background:#fff;border-radius:12px;border:1px dashed #bddff2}.combo-modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* How to */
.how-section{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;padding:12px 36px 0}.how-title h2{font-size:18px;margin:0;color:#122a41}.how-title p{font-size:9px;margin:1px 0;color:#7b8b98}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.how-steps article{display:grid;grid-template-columns:27px 28px 1fr;align-items:center;gap:7px;padding:6px 10px;border-left:1px solid #edf1f4}.how-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8f6ff;color:#0e91df;font-size:10px}.how-steps article>span{font-size:18px;color:#128dd5}.how-steps article div{display:grid}.how-steps strong{font-size:9px;color:#263d52}.how-steps small{font-size:7.5px;line-height:1.25;color:#80909d}

/* Footer */
footer{max-width:none;border-top:1px solid #e6eff5;margin:0;background:#fbfdff;padding:0}footer .footer-inner{max-width:1208px;margin:auto;min-height:82px;display:flex;align-items:center;gap:20px;padding:17px 20px;color:#718391}footer .brand{height:38px}footer .brand .official-logo{width:137px;height:40px}footer p{font-size:10px;margin:0}footer small{font-size:9px;margin-left:auto}

/* Account / existing views / dialogs */
.section-heading{padding-top:28px}.subscriptions{display:grid;gap:14px}.subscription{border-radius:14px;border:1px solid #e0eaf1;box-shadow:0 4px 14px rgba(19,59,87,.04)}dialog{border-radius:18px;color:#14233a;box-shadow:0 25px 100px rgba(12,45,68,.25)}dialog::backdrop{background:rgba(4,25,43,.55);backdrop-filter:blur(4px)}.modal-brand{background:linear-gradient(180deg,#18aefc,#008fe8)}.form-field input,.form-field select,.form-field textarea{border-color:#d3e2ec;border-radius:10px;outline-color:#079cf4}.upload-field input[type=file]{padding:9px;background:#f7fbfe}.admin-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.admin-category-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:46px 1fr;gap:10px 12px;align-items:center}.admin-category-card .button{grid-column:1/-1}.admin-category-icon{width:42px;height:42px;display:grid;place-items:center;color:#111820}.admin-category-icon svg,.admin-category-icon img{width:38px;height:38px;object-fit:contain}.category-form-preview{border:1px dashed #cfdce5;border-radius:12px;padding:13px;display:flex;align-items:center;gap:12px;margin:10px 0 16px;color:#607486}.category-form-preview span{width:42px;height:42px;display:grid;place-items:center;color:#111820}.category-form-preview svg,.category-form-preview img{width:38px;height:38px;object-fit:contain}
.combo-products-field{border:1px solid #d7e5ee;border-radius:12px;margin:14px 0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.combo-products-field legend{font-weight:700;font-size:13px}.combo-products-field label{font-size:12px}.eyebrow{color:#078fdc}.pill{border-radius:14px}.notice{border-radius:12px}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap}.stats{grid-template-columns:repeat(4,1fr)}.stat{border-radius:14px}.table-wrap{border-radius:14px}.account-menu .pill{display:inline-flex}

/* Prevent loading flashes: no opacity transitions on page content */
#app,.hero-v7,.catalog-section,.combos-section,.how-section{animation:none!important;opacity:1!important;visibility:visible!important}

@media(max-width:1100px){.main-nav{gap:0}.main-nav a,.main-nav .nav-link{padding-left:7px;padding-right:7px;font-size:11px}.header-search{width:190px}.hero-v7{grid-template-columns:48% 52%}.hero-copy h1{font-size:35px}.hero-tv{left:72px;width:330px}.products{grid-template-columns:repeat(3,1fr)}.combo-grid{grid-template-columns:1fr}.combo-main{grid-template-columns:1fr auto auto}}
@media(max-width:820px){.site-header{position:sticky}.header-inner{min-height:58px;padding:5px 13px;gap:8px;flex-wrap:wrap}.brand{height:38px}.brand .official-logo{width:139px;height:40px}.main-nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;border-top:1px solid #eef3f6}.main-nav::-webkit-scrollbar{display:none}.main-nav a,.main-nav .nav-link{padding:10px 11px;font-size:10px}.main-nav a.active::after{bottom:2px}.header-search{margin-left:auto;width:min(220px,35vw)}.account-copy,.account-chevron{display:none}.account-avatar{width:32px;height:32px}.header-actions{gap:1px}main#app{padding-left:13px;padding-right:13px}.hero-v7{height:auto;min-height:470px;margin:0 -13px;grid-template-columns:1fr;grid-template-rows:auto 235px}.hero-copy{padding:30px 25px 15px}.hero-copy h1{font-size:34px}.hero-scene{min-height:235px}.hero-tv{width:315px;height:169px;left:50%;transform:translateX(-37%);top:13px}.hero-laptop{width:165px;height:100px;left:18px;bottom:8px}.hero-phone{right:24px;bottom:9px}.hero-note{right:10px;top:21px;font-size:11px}.catalog-section{padding:3px 7px 10px}.products{grid-template-columns:repeat(2,1fr);gap:10px}.combos-section{margin:14px -13px 0;padding:14px 20px}.how-section{grid-template-columns:1fr;padding:14px 7px}.how-steps{grid-template-columns:1fr}.how-steps article{border-left:0;border-top:1px solid #edf1f4}.stats{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .header-actions{width:100%;display:flex}.section-heading .header-actions .button{flex:1}}
@media(max-width:560px){.header-search{order:2;width:calc(100% - 246px);min-width:120px}.header-search input{font-size:10px}.cart-button{display:none}.hero-copy{padding:25px 19px 14px}.hero-copy h1{font-size:31px}.hero-copy>p{font-size:12px}.hero-cta-row{align-items:flex-start;flex-direction:column;gap:10px}.hero-v7{grid-template-rows:auto 210px}.hero-tv{width:268px;height:148px;left:48%}.hero-laptop{width:142px;height:88px}.hero-note{display:none}.store-section-heading{align-items:flex-start}.store-section-heading .text-cta{display:none}.category-showcase{gap:3px}.category-tile{flex-basis:78px;min-height:82px;padding:8px 5px 12px}.category-tile-icon,.category-tile-icon svg,.category-tile-icon img{width:32px;height:32px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-art{height:74px}.product-content{padding:8px}.product h3{font-size:11px}.product-description{font-size:7.5px}.combo-main{grid-template-columns:1fr auto;gap:8px}.combo-button{grid-column:1/-1;width:100%}.how-steps article{grid-template-columns:25px 25px 1fr}.combo-products-field{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr}footer .footer-inner{align-items:flex-start;flex-direction:column}footer small{margin-left:0}}
.combo-cover{width:145px;height:30px;border-radius:6px;display:block;overflow:hidden;background:#edf7ff}.combo-cover img{width:100%;height:100%;object-fit:cover;display:block}

.category-tile-icon img,.admin-category-icon img,.category-form-preview img{filter:grayscale(1) brightness(.18)}


/* ===== V9 · ADMIN OSCURO + CATEGORÍAS EDITABLES ===== */
.category-icon-gallery{margin:14px 0 8px}.category-icon-gallery>strong{display:block;font-size:13px;margin-bottom:9px}.category-icon-gallery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-icon-choice{border:1px solid #d9e5ec;background:#fff;border-radius:11px;padding:9px 5px;display:grid;place-items:center;gap:4px;color:#111820}.category-icon-choice:hover,.category-icon-choice.selected{border-color:#129fea;background:#eef9ff;box-shadow:0 0 0 2px #129fea1f}.category-icon-choice span,.category-icon-choice svg{width:30px;height:30px;display:block}.category-icon-choice small{font-size:8px;line-height:1.1;color:#617383;text-align:center}.category-form-preview{justify-content:flex-start}.category-form-preview>div{display:grid;gap:1px}.category-form-preview>div strong{font-size:12px;color:#182a3b}.one-time-checkout{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #b9def3;background:#f1faff;border-radius:11px;padding:13px 14px;margin:12px 0 18px}.one-time-checkout strong{color:#078fdc}.one-time-checkout span{font-size:12px;color:#617789}

body.admin-page{background:#07111d;color:#eaf3ff;min-height:100vh;overflow-x:hidden}body.admin-page>.site-header,body.admin-page>footer,body.admin-page>#store-status{display:none!important}body.admin-page main#app{max-width:none!important;margin:0!important;padding:0!important;min-height:100vh;background:#07111d}body.admin-page dialog{color:#14233a}body.admin-page #toast{z-index:9999}
.admin-shell{--ad-bg:#07111d;--ad-panel:#0c1828;--ad-panel2:#101f31;--ad-line:#1d3046;--ad-text:#eff7ff;--ad-muted:#8294a8;--ad-blue:#168cf8;display:grid;grid-template-columns:198px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 55% -20%,#173459 0,#0a1727 28%,#07111d 62%);color:var(--ad-text)}
.admin-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#081321,#07101c);border-right:1px solid #17283b;padding:14px 12px 10px;display:flex;flex-direction:column;z-index:20}.admin-brand-word{font-size:25px;font-weight:850;letter-spacing:-1.1px;color:#f5f9ff;display:flex;align-items:center;padding:1px 10px 16px;line-height:1}.admin-brand-word span{color:#1f9fff}.admin-brand-word i{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:16px solid #0e8eff;margin-left:4px;filter:drop-shadow(0 0 8px #168cf888)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-right:2px;scrollbar-width:thin}.admin-nav-item{width:100%;display:grid;grid-template-columns:25px 1fr 14px;align-items:center;text-align:left;gap:7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#aab8c8;padding:8px 10px;font-size:11px;min-height:36px}.admin-nav-item span{font-size:16px;text-align:center;color:#d3deeb}.admin-nav-item strong{font-weight:550}.admin-nav-item i{font-style:normal;text-align:right}.admin-nav-item:hover{background:#0e1d2e;color:#fff;filter:none}.admin-nav-item.active{color:#fff;background:linear-gradient(90deg,#0b71d8,#10366f);border-color:#1a70cd;box-shadow:inset 0 0 18px #1198ff22}.admin-nav-item.active span{color:#76cbff}.admin-nav-label{font-size:8px;letter-spacing:.18em;color:#607287;padding:15px 10px 6px}.admin-profile{margin-top:auto;border:1px solid #17314e;border-radius:9px;padding:9px;display:grid;grid-template-columns:32px 1fr 25px;gap:8px;align-items:center;background:#0b1b2c;box-shadow:0 0 20px #118cf315 inset}.admin-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#203b60;color:#eaf5ff;font-size:12px;font-weight:800;flex:0 0 auto}.admin-profile strong,.admin-who strong{display:block;font-size:10px;color:#f5f9ff}.admin-profile small,.admin-who small{display:block;font-size:8px;color:#8294a8}.admin-profile button{border:0;background:transparent;color:#98aabe;font-size:15px;padding:0}.admin-stage{min-width:0;display:flex;flex-direction:column}.admin-topbar{height:55px;display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid #1a2a3e;background:linear-gradient(90deg,#122a48aa,#0a1422 55%);position:sticky;top:0;z-index:15;backdrop-filter:blur(12px)}.admin-search{height:34px;width:min(420px,46vw);border:1px solid #2a3d54;border-radius:6px;background:#101f32;display:flex;align-items:center;gap:8px;padding:0 11px}.admin-search span{font-size:18px;color:#9bb0c7}.admin-search input{width:100%;border:0;outline:0;background:transparent;color:#dce8f5;font-size:10px}.admin-search input::placeholder{color:#71849b}.admin-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-date{height:34px;border:1px solid #26394f;border-radius:6px;background:#0c192a;color:#d9e5f1;padding:0 12px;font-size:9px;display:flex;align-items:center;gap:8px}.admin-bell{position:relative;width:32px;height:32px;border:0;background:transparent;color:#d7e3ef;font-size:17px}.admin-bell b{position:absolute;right:0;top:0;background:#e74655;color:#fff;border-radius:10px;font-size:7px;min-width:14px;height:14px;display:grid;place-items:center}.admin-who{min-width:75px}.admin-content{max-width:none!important;margin:0!important;padding:16px 22px 28px!important;min-height:calc(100vh - 55px)!important;background:transparent!important}.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.admin-page-head h1{font-size:25px;line-height:1.05;letter-spacing:-.8px;margin:0;color:#f3f7fb}.admin-page-head p{font-size:10px;color:#8da0b4;margin:3px 0 0}.admin-view-site,.admin-primary{border:1px solid #2b3c51;border-radius:6px;background:#0c1725;color:#edf6ff;padding:9px 14px;font-size:9px;font-weight:700}.admin-primary{border-color:#167fe8;background:linear-gradient(180deg,#168ffb,#0e70d6)}
.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.admin-kpi{min-height:81px;border:1px solid #1e3147;border-radius:8px;background:linear-gradient(135deg,#0c1a2b,#102035);padding:10px;display:grid;grid-template-columns:44px minmax(0,1fr) 70px;gap:8px;align-items:center;overflow:hidden}.admin-kpi-icon{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;font-size:20px;background:#0f4f95;box-shadow:0 0 25px #178eff45 inset}.admin-kpi.purple .admin-kpi-icon{background:#6132b9}.admin-kpi.teal .admin-kpi-icon{background:#167d7e}.admin-kpi.orange .admin-kpi-icon{background:#a45d24}.admin-kpi small{font-size:8px;color:#9badc0}.admin-kpi strong{display:block;font-size:19px;line-height:1.1;margin:2px 0;color:#fff}.admin-kpi em{display:block;font-style:normal;font-size:7px;color:#2bd68c}.admin-spark{height:36px;color:#238cff;align-self:end}.admin-kpi.purple .admin-spark{color:#854fff}.admin-kpi.teal .admin-spark{color:#28c99d}.admin-kpi.orange .admin-spark{color:#e78a3d}.admin-spark svg{width:100%;height:100%;overflow:visible}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr) 250px;gap:10px;align-items:start}.admin-panel-card{border:1px solid #1c2e43;border-radius:8px;background:linear-gradient(180deg,#0c1828,#0a1523);box-shadow:0 8px 30px #02070d38;color:#eaf3fc}.admin-card-title{height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #182b40;padding:0 10px}.admin-card-title h2{font-size:11px;margin:0;color:#edf5fc}.admin-card-title h2 span{display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:9px;background:#16283c;color:#9fb2c5;font-size:8px;margin-left:4px}.admin-card-title>span,.admin-card-title button{font-size:7px;color:#78a2cc;background:transparent;border:0;padding:0}.admin-sales-card{min-height:194px}.admin-bars{height:140px;padding:15px 14px 7px;display:flex;align-items:end;gap:7px;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#182b3b 33px)}.admin-bars>i{flex:1;max-width:16px;min-width:4px;background:linear-gradient(180deg,#159aff,#066ac8);border-radius:2px 2px 0 0;position:relative;box-shadow:0 0 10px #118cff35}.admin-bars>i>b{position:absolute;left:50%;width:3px;bottom:0;background:#7a48ee;border-radius:3px;transform:translateX(-50%)}.admin-chart-labels{display:flex;justify-content:space-between;padding:0 14px 8px;font-size:7px;color:#71849b}.admin-distribution{min-height:194px}.admin-donut-row{height:158px;display:flex;align-items:center;gap:17px;padding:12px}.admin-donut{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}.admin-donut:after{content:'';position:absolute;width:64px;height:64px;border-radius:50%;background:#0b1725}.admin-donut span{position:relative;z-index:1;display:grid;text-align:center}.admin-donut strong{font-size:18px}.admin-donut small{font-size:7px;color:#94a6b8}.admin-legend{flex:1;display:grid;gap:6px}.admin-legend div{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center;font-size:7px}.admin-legend i{width:7px;height:7px;border-radius:50%}.admin-legend span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8c6d3}.admin-legend b{color:#9aacc0}.admin-quick{grid-column:3;grid-row:1 / span 2}.admin-quick>button{width:calc(100% - 14px);margin:5px 7px 0;height:31px;display:grid;grid-template-columns:23px 1fr 12px;align-items:center;text-align:left;border:1px solid #1b3046;border-radius:5px;background:#101e2e;color:#c8d6e4;padding:0 7px;font-size:8px}.admin-quick>button span{width:21px;height:21px;border-radius:4px;background:#176dc9;display:grid;place-items:center;color:#fff;font-size:13px}.admin-quick>button i{font-style:normal;color:#71849b}.admin-platforms{grid-column:1 / span 2}.admin-card-title #dashboard-add-product{background:#147ff0;color:white;border-radius:5px;padding:6px 10px;font-size:8px}.admin-platform-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px}.admin-platform-grid article{position:relative;min-width:0;border:1px solid #1c3046;border-radius:7px;background:#0c1826;padding:7px}.admin-platform-art{height:45px;border-radius:5px;display:grid;place-items:center;overflow:hidden;margin-bottom:5px}.admin-platform-art .brand-mark{transform:scale(.62)}.admin-platform-grid strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-platform-grid small{display:block;font-size:7px;color:#879aaf}.admin-platform-grid em{display:inline-block;margin-top:4px;padding:2px 5px;border-radius:7px;background:#113529;color:#31d692;font-size:6px;font-style:normal}.admin-card-menu{position:absolute;right:4px;top:4px;border:0;background:#07111dbb;color:#d7e3ef;width:18px;height:18px;border-radius:9px;z-index:2}.admin-recent-accounts{grid-column:1 / span 2}.admin-dark-table{padding:0 10px 8px}.admin-table-row{display:grid;grid-template-columns:72px 1.2fr 1fr .8fr;gap:8px;align-items:center;min-height:29px;border-bottom:1px solid #16283a;font-size:7px;color:#bdc9d5}.admin-table-row.head{color:#71859a;font-size:6px}.admin-status{font-size:6px;padding:3px 6px;border-radius:7px;background:#113529;color:#2ed690}.admin-status.used{background:#16365c;color:#61b7ff}.admin-side-stack{grid-column:3;grid-row:2 / span 2;display:grid;gap:10px}.admin-mini-row{display:grid;grid-template-columns:42px 1fr 46px 52px;gap:5px;align-items:center;padding:7px 9px;border-bottom:1px solid #17293c;font-size:6.5px}.admin-mini-row strong{font-size:7px}.admin-mini-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aebdca}.admin-mini-row b{color:#dbe6ef}.admin-mini-row em{font-style:normal;border-radius:6px;padding:2px 4px;text-align:center;background:#143428;color:#35d698}.admin-mini-row em.pending{background:#3a2a12;color:#f8b651}.admin-mini-row em.cancelled{background:#3c1b23;color:#f27989}.admin-user-row{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:7px 9px}.admin-user-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#2387d5;color:#fff;font-size:8px}.admin-user-avatar.a1{background:#6e59df}.admin-user-avatar.a2{background:#9d4fd3}.admin-user-avatar.a3{background:#ba9a50}.admin-user-row strong{display:block;font-size:7.5px}.admin-user-row small{display:block;font-size:6.5px;color:#8295aa}.admin-muted{color:#7f92a6;font-size:9px;padding:12px}.admin-table-card{padding:8px}.admin-table-card .table-wrap{background:#0a1523;border-color:#1e3146}.admin-table-card table{color:#dbe6f1}.admin-table-card th{background:#0f1d2d;color:#7890a8;border-color:#1b2d40}.admin-table-card td{border-color:#182b3e}.admin-table-card td small{color:#7f94a9}.admin-table-card .button.outline{background:#101f30;color:#cde0f2;border-color:#2b4055}.admin-table-card .notice{background:#102234;border-color:#25415d;color:#9fb7cb}.dark-admin-categories{margin-top:8px}.dark-admin-categories .admin-category-card{background:#0d1a29;border-color:#203348;color:#e9f3fc}.dark-admin-categories .admin-category-icon{color:#f5f8fb}.dark-admin-categories .admin-category-icon img{filter:grayscale(1) brightness(2)}.dark-admin-categories .button.outline{background:#102034;color:#cde0f2;border-color:#29445f}.admin-settings-host{padding:16px}.admin-placeholder{padding:50px;text-align:center}.admin-placeholder-icon{width:58px;height:58px;border-radius:15px;background:#102a45;display:grid;place-items:center;margin:0 auto 14px;font-size:25px;color:#49aefa}.admin-placeholder h2{margin:0 0 5px}.admin-placeholder p{max-width:500px;margin:auto;color:#8296aa;font-size:11px}.admin-login{max-width:420px;margin:10vh auto;background:#0c1a2b;border:1px solid #20354e;border-radius:15px;padding:28px;color:#eaf3fc;box-shadow:0 25px 80px #0008}.admin-login p{color:#8fa2b5}.admin-login .form-field{color:#c9d7e5}.admin-login .form-field input{background:#0a1523;border-color:#294059;color:#fff}.admin-login .details{color:#74bfff}
@media(max-width:1180px){.admin-shell{grid-template-columns:178px minmax(0,1fr)}.admin-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr)}.admin-quick{grid-column:2;grid-row:auto}.admin-platforms,.admin-recent-accounts{grid-column:1 / -1}.admin-side-stack{grid-column:1 / -1;grid-row:auto;grid-template-columns:1fr 1fr}.admin-platform-grid{grid-template-columns:repeat(3,1fr)}.admin-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.admin-shell{display:block}.admin-sidebar{position:relative;height:auto;padding:10px}.admin-brand-word{padding-bottom:10px}.admin-sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:5px}.admin-nav-item{width:auto;min-width:max-content;grid-template-columns:20px auto;padding:7px 10px}.admin-nav-item i,.admin-nav-label{display:none}.admin-profile{display:none}.admin-topbar{top:0;padding:0 10px}.admin-search{width:100%}.admin-date,.admin-who,.admin-top-actions>.admin-avatar{display:none}.admin-content{padding:12px!important}.admin-kpis{grid-template-columns:1fr 1fr}.admin-dashboard-grid{display:grid;grid-template-columns:1fr}.admin-sales-card,.admin-distribution,.admin-quick,.admin-platforms,.admin-recent-accounts,.admin-side-stack{grid-column:1!important;grid-row:auto!important}.admin-side-stack{grid-template-columns:1fr}.admin-platform-grid{grid-template-columns:repeat(2,1fr)}.category-icon-gallery>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.admin-kpis{grid-template-columns:1fr}.admin-kpi{grid-template-columns:42px 1fr 62px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-view-site,.admin-primary{width:100%;text-align:center}.admin-donut-row{flex-direction:column;height:auto}.admin-distribution{padding-bottom:12px}.admin-platform-grid{grid-template-columns:1fr 1fr}.category-icon-gallery>div{grid-template-columns:repeat(2,1fr)}}

/* === ADMIN V10: legibilidad, fechas y soporte === */
body.admin-page{color:#f7fbff}
.admin-sidebar{border-right-color:#243a53}
.admin-nav-item{color:#d5e1ed;font-size:12.5px;min-height:39px;padding:9px 10px}
.admin-nav-item span{font-size:17px;color:#edf5ff}
.admin-nav-item strong{font-weight:650;letter-spacing:.01em}
.admin-nav-item:hover{color:#fff;background:#11243a}
.admin-nav-item.active{color:#fff;border-color:#2789ec;box-shadow:inset 0 0 20px #1198ff28,0 0 0 1px #0e6fc044}
.admin-nav-label{font-size:9px;color:#93a9bd;font-weight:700}
.admin-profile{grid-template-columns:34px minmax(0,1fr) auto;border-color:#254465;background:#0c2136;padding:10px}
.admin-profile strong,.admin-who strong{font-size:11.5px;color:#fff;font-weight:750}
.admin-profile small,.admin-who small{font-size:9.5px;color:#b6c7d8}
.admin-logout-btn{border:1px solid #315474!important;border-radius:6px!important;background:#11273c!important;color:#f8fbff!important;font-size:10px!important;font-weight:750!important;padding:6px 9px!important;min-width:43px}
.admin-logout-btn:hover{background:#183650!important;border-color:#4380b5!important}
.admin-topbar{height:61px;border-bottom-color:#263c54;padding:0 22px;background:linear-gradient(90deg,#132d4b,#0b1726 58%)}
.admin-content{min-height:calc(100vh - 61px)!important}
.admin-search{height:39px;width:min(470px,46vw);border:1px solid #38536f;border-radius:10px;background:linear-gradient(180deg,#122840,#0e2034);padding:0 13px;box-shadow:inset 0 1px 0 #ffffff0b,0 6px 22px #00000020}
.admin-search:focus-within{border-color:#269cf8;box-shadow:0 0 0 3px #1598ff18,inset 0 1px 0 #ffffff0b}
.admin-search span{font-size:20px;color:#b9cce0}
.admin-search input{font-size:11.5px;color:#fff;font-weight:550}
.admin-search input::placeholder{color:#8fa7bf}
.admin-top-actions{gap:12px}
.admin-date-range{height:39px;display:flex;align-items:center;gap:7px;border:1px solid #38506a;border-radius:9px;background:#0d1d2f;padding:0 9px;color:#eaf5ff;box-shadow:inset 0 1px 0 #ffffff0a}
.admin-calendar-icon{color:#8ecbff;font-size:15px}
.admin-date-range input{border:0;background:transparent;color:#f6fbff;font-size:10px;font-weight:650;outline:0;width:113px;color-scheme:dark}
.admin-date-range input::-webkit-calendar-picker-indicator{opacity:.8;cursor:pointer}
.admin-date-arrow{color:#6f8da9;font-size:11px}
.admin-page-head-clean{min-height:61px;align-items:stretch}
.admin-view-site,.admin-primary{font-size:10.5px;font-weight:800;color:#fff;border-color:#3a536e;padding:10px 15px}
.admin-view-site{display:flex;align-items:center;background:#0f1e2e}
.admin-support-summary{min-width:355px;max-width:500px;border:1px solid #284965;border-radius:9px;background:linear-gradient(135deg,#10263d,#0b1a2a);color:#fff;padding:9px 12px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;box-shadow:0 7px 24px #0002}
.admin-support-summary:hover{filter:none;border-color:#3c88c8;background:linear-gradient(135deg,#13304c,#0c2034)}
.admin-support-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#0b79d8;color:#fff;font-size:18px;box-shadow:0 0 20px #1598ff44 inset}
.admin-support-summary small{display:block;font-size:9px;color:#a9c1d7;font-weight:700}
.admin-support-summary strong{display:block;font-size:13px;color:#fff;line-height:1.2;margin:2px 0}
.admin-support-summary em{display:block;font-style:normal;font-size:8.5px;color:#8ea7bd}
.admin-support-summary>b{min-width:25px;height:25px;border-radius:13px;display:grid;place-items:center;background:#ef4f62;color:#fff;font-size:10px}
.admin-kpi{border-color:#29415a;min-height:87px}
.admin-kpi small{font-size:9.5px;color:#c1ceda;font-weight:650}
.admin-kpi strong{font-size:20.5px;color:#fff}
.admin-kpi em{font-size:8.5px;color:#48e5a2;font-weight:750}
.admin-panel-card{border-color:#294057;color:#f8fbff}
.admin-card-title{height:38px;border-bottom-color:#274058;padding:0 11px}
.admin-card-title h2{font-size:12.5px;color:#fff;font-weight:750}
.admin-card-title h2 span{font-size:8.5px;color:#d0deeb;background:#1d3349}
.admin-card-title>span,.admin-card-title button{font-size:9px;color:#9ccfff;font-weight:700}
.admin-card-title button:hover{color:#fff}
.admin-bars{background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#24405a 33px)}
.admin-chart-labels{font-size:8.5px;color:#9fb3c6}
.admin-legend div{font-size:8.5px}
.admin-legend span{color:#d9e5ef}
.admin-legend b{color:#c9d7e4}
.admin-donut small{font-size:8.5px;color:#b8c8d8}
.admin-quick>button{height:34px;border-color:#2a455f;background:#112439;color:#eff6fc;font-size:9.5px;font-weight:650}
.admin-quick>button i{color:#a3b8ca}
.admin-platform-grid article{border-color:#294158;background:#0e1d2e}
.admin-platform-grid strong{font-size:9.5px;color:#fff}
.admin-platform-grid small{font-size:8.5px;color:#a9bbcb}
.admin-platform-grid em{font-size:7.5px;color:#4ae5a5;background:#113c2e;font-weight:750}
.admin-dark-table{padding-bottom:10px}
.admin-table-row{min-height:34px;border-bottom-color:#294158;font-size:8.5px;color:#e0e8f0}
.admin-table-row.head{font-size:7.5px;color:#9eb3c6;font-weight:750}
.admin-status{font-size:7.5px;color:#49e3a3;background:#123d2f;font-weight:800}
.admin-status.used{color:#78c8ff;background:#183f68}
.admin-mini-row{padding:9px 10px;border-bottom-color:#294158;font-size:8px}
.admin-mini-row strong{font-size:8.5px;color:#fff}
.admin-mini-row span{color:#d0dbe5}
.admin-mini-row b{color:#fff}
.admin-mini-row em{font-size:7.5px;font-weight:750;color:#4ce1a0;background:#133d2f}
.admin-mini-row em.pending{color:#ffd27a;background:#4a3518}
.admin-user-row{padding:9px 10px;border-bottom:1px solid #22384f}
.admin-user-row strong{font-size:9px;color:#fff}
.admin-user-row small{font-size:8px;color:#a7bbce}
.admin-muted{font-size:10px;color:#a4b7c8}
.admin-table-card th{color:#a8bdd0;border-color:#294057;font-size:10px}
.admin-table-card td{border-color:#294057;color:#e8f0f7;font-size:10.5px}
.admin-table-card td small{color:#aabed0;font-size:9px}
.dark-admin-categories .admin-category-card{border-color:#2d465f}
.admin-placeholder p{color:#a7bbce;font-size:12px}

/* Bandeja de soporte del administrador */
.admin-support-shell{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:610px;border:1px solid #294057;border-radius:10px;overflow:hidden;background:#0b1725}
.admin-support-threads{border-right:1px solid #294057;background:#0c1928;min-width:0}
.admin-support-list-head{height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294057;color:#fff}
.admin-support-list-head strong{font-size:12px}
.admin-support-list-head span{min-width:22px;height:22px;border-radius:11px;background:#16334d;color:#9dd1fb;display:grid;place-items:center;font-size:9px;font-weight:800}
.admin-support-thread{width:100%;border:0;border-bottom:1px solid #22384d;background:transparent;color:#fff;padding:10px 11px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;text-align:left}
.admin-support-thread:hover,.admin-support-thread.active{filter:none;background:#11283e}
.admin-support-thread.active{box-shadow:inset 3px 0 #1d9cf5}
.admin-support-thread div{min-width:0}
.admin-support-thread strong{display:block;font-size:10.5px;color:#fff}
.admin-support-thread small{display:block;font-size:8px;color:#9db1c3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-support-thread em{display:block;font-size:8px;color:#7891a8;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.admin-support-thread>b{min-width:19px;height:19px;border-radius:10px;background:#ee4e61;color:#fff;display:grid;place-items:center;font-size:8px}
.admin-support-chat{display:flex;flex-direction:column;min-width:0;background:#091522}
.admin-support-empty{margin:auto;text-align:center;display:grid;gap:6px;color:#8fa5b8}
.admin-support-empty>span{font-size:33px;color:#49aef7}
.admin-support-empty strong{font-size:13px;color:#eaf4fc}
.admin-support-empty small{font-size:9px}
.admin-support-chat-head{height:56px;padding:0 14px;border-bottom:1px solid #294057;display:flex;align-items:center;gap:9px}
.admin-support-chat-head strong{display:block;font-size:11px;color:#fff}
.admin-support-chat-head small{display:block;font-size:8.5px;color:#a2b5c6}
.admin-support-messages{flex:1;min-height:430px;max-height:500px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#091522,#0b1826)}
.admin-support-message{max-width:min(72%,650px);padding:10px 12px;border-radius:12px;background:#15283a;border:1px solid #2b4358;align-self:flex-start}
.admin-support-message.from-admin{align-self:flex-end;background:#0f5595;border-color:#1979c8}
.admin-support-message p{margin:0;color:#fff;font-size:10.5px;line-height:1.5;white-space:pre-wrap}
.admin-support-message small{display:block;margin-top:4px;font-size:7.5px;color:#a9bfd1}
.admin-support-message.from-admin small{color:#cbe6fb;text-align:right}
.admin-support-reply{border-top:1px solid #294057;padding:11px;display:grid;grid-template-columns:1fr auto;gap:9px;background:#0c1928}
.admin-support-reply textarea{min-height:48px;max-height:110px;resize:vertical;border:1px solid #34516b;border-radius:9px;background:#102236;color:#fff;padding:10px 11px;font-size:10.5px;outline:0}
.admin-support-reply textarea:focus{border-color:#2198ef;box-shadow:0 0 0 3px #2198ef17}

/* Soporte del cliente */
.support-fab{position:fixed;right:22px;bottom:22px;z-index:900;border:0;border-radius:24px;background:linear-gradient(180deg,#18aefc,#078ddf);color:#fff;min-height:46px;padding:0 17px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px #087fc448;font-size:13px}
.support-fab span{font-size:17px}.support-fab strong{font-size:12px}
.support-modal h2{margin-bottom:4px}.support-chat-list{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:9px;margin:14px 0;padding:12px;background:#f5f9fc;border:1px solid #dce8f1;border-radius:12px}
.support-chat-message{max-width:82%;border-radius:12px;padding:9px 11px;background:#fff;border:1px solid #dbe7ef;align-self:flex-start}.support-chat-message.support-user{align-self:flex-end;background:#e8f6ff;border-color:#bee5fb}.support-chat-message p{margin:0;font-size:13px;white-space:pre-wrap}.support-chat-message small{display:block;margin-top:4px;color:#8092a0;font-size:10px}.support-empty-message{padding:22px;text-align:center;color:#738795;font-size:12px}.support-send{display:grid;grid-template-columns:1fr auto;gap:8px}.support-send textarea{min-height:58px;resize:vertical;border:1px solid #d3e2ec;border-radius:10px;padding:10px;font:inherit;outline:0}.support-send textarea:focus{border-color:#159de9;box-shadow:0 0 0 3px #159de915}

@media(max-width:1180px){.admin-support-shell{grid-template-columns:280px minmax(0,1fr)}.admin-date-range input{width:105px}}
@media(max-width:900px){.admin-date-range{display:none}.admin-support-summary{min-width:0;width:100%}.admin-support-shell{grid-template-columns:1fr}.admin-support-threads{border-right:0;border-bottom:1px solid #294057;max-height:280px;overflow:auto}.admin-support-messages{min-height:330px}.admin-support-reply{grid-template-columns:1fr}.support-fab{right:14px;bottom:14px}}

/* === SOPORTE V11: widget flotante guiado === */
.support-widget{position:fixed;right:22px;bottom:22px;z-index:950;display:flex;align-items:flex-end;gap:10px;font-family:inherit}
.support-help-nudge{position:absolute;right:62px;bottom:5px;min-width:142px;padding:10px 13px;border:1px solid #dbe9f4;border-radius:14px;background:#fff;color:#10243b;font-size:12px;font-weight:800;box-shadow:0 12px 34px rgba(23,70,104,.16);cursor:pointer;transition:.22s ease;white-space:nowrap}
.support-help-nudge:after{content:"";position:absolute;right:-6px;bottom:14px;width:11px;height:11px;background:#fff;border-right:1px solid #dbe9f4;border-top:1px solid #dbe9f4;transform:rotate(45deg)}
.support-help-nudge:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(23,70,104,.22)}
.support-help-nudge.hidden{opacity:0;pointer-events:none;transform:translateY(6px)}
.support-fab-v11{width:52px;height:52px;border:0;border-radius:50%;background:linear-gradient(145deg,#19adff,#087dde);color:#fff;display:grid;place-items:center;box-shadow:0 12px 34px rgba(5,132,216,.38);cursor:pointer;position:relative;transition:.2s ease;padding:0}
.support-fab-v11:hover{filter:none;transform:translateY(-2px) scale(1.03);box-shadow:0 16px 38px rgba(5,132,216,.46)}
.support-fab-v11>span{font-size:21px;line-height:1;transform:translateY(-1px)}
.support-fab-v11>b{position:absolute;right:1px;top:0;width:11px;height:11px;border-radius:50%;background:#ff4b5f;border:2px solid #fff}
.support-widget-panel{position:absolute;right:0;bottom:66px;width:min(390px,calc(100vw - 28px));height:560px;max-height:calc(100vh - 105px);display:none;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid #d9e8f3;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(23,59,88,.25);transform-origin:bottom right}
.support-widget-panel.open{display:grid;animation:supportWidgetIn .18s ease-out}
@keyframes supportWidgetIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.support-widget-panel>header{min-height:74px;padding:14px 14px 13px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0b8fe7,#10aef8);color:#fff}
.support-widget-brand{display:flex;align-items:center;gap:11px;min-width:0}.support-widget-brand>span{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.support-widget-brand strong{display:block;font-size:14px;line-height:1.25;color:#fff}.support-widget-brand small{display:block;margin-top:3px;font-size:9.5px;color:rgba(255,255,255,.84);font-weight:600}
#support-widget-close{width:32px;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer;padding:0}#support-widget-close:hover{filter:none;background:rgba(255,255,255,.24)}
.support-widget-body{min-height:0;background:#f8fbfe;overflow:hidden}
.support-welcome{height:100%;padding:34px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.support-welcome-icon{width:64px;height:64px;border-radius:22px;background:linear-gradient(145deg,#e8f7ff,#dff1fc);display:grid;place-items:center;font-size:28px;box-shadow:inset 0 0 0 1px #d2ebfa;margin-bottom:16px}.support-welcome h3{margin:0;color:#0d243b;font-size:20px;letter-spacing:-.3px}.support-welcome p{max-width:280px;margin:8px auto 18px;color:#657b8e;font-size:12.5px;line-height:1.55}.support-welcome>small{display:block;margin-top:13px;color:#8a9ba9;font-size:9.5px;line-height:1.45;max-width:270px}
.support-start-button{width:100%;max-width:285px;min-height:45px;border:0;border-radius:12px;background:linear-gradient(180deg,#19aefc,#078bdf);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 10px 22px rgba(9,143,222,.22)}.support-start-button:hover{filter:none;transform:translateY(-1px)}.support-start-button span{font-size:16px}
.support-conversation{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;background:#f8fbfe}.support-widget-messages{min-height:0;overflow:auto;padding:15px 14px 10px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;scrollbar-color:#c5dbea transparent}
.support-widget-message{display:flex;max-width:88%}.support-widget-message>div{padding:9px 11px 7px;border-radius:14px;border:1px solid #dce8f0;background:#fff;box-shadow:0 3px 9px rgba(29,67,96,.04)}.support-widget-message p{margin:0;color:#20374b;font-size:11.5px;line-height:1.48;white-space:pre-wrap}.support-widget-message small{display:block;margin-top:4px;color:#8ca0af;font-size:8.5px;font-weight:600}.support-widget-message.from-user{align-self:flex-end}.support-widget-message.from-user>div{background:#daf2ff;border-color:#bde5fb;border-bottom-right-radius:5px}.support-widget-message.from-user small{text-align:right;color:#6f91a6}.support-widget-message.from-admin,.support-widget-message.from-bot{align-self:flex-start}.support-widget-message.from-admin>div{background:#fff;border-bottom-left-radius:5px}.support-widget-message.from-bot>div{background:#eef8ff;border-color:#d6ecfa;border-bottom-left-radius:5px}.support-widget-message.from-bot p{color:#163f5d}
.support-quick-title{padding:3px 15px 7px;color:#7d91a1;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.support-quick-options{padding:0 12px 10px;display:grid;gap:6px;max-height:205px;overflow:auto}.support-quick-options button{min-height:39px;width:100%;border:1px solid #d9e6ef;border-radius:11px;background:#fff;color:#1e3a51;padding:7px 9px;display:grid;grid-template-columns:24px 1fr 15px;align-items:center;gap:7px;text-align:left;cursor:pointer;font-size:10.5px;font-weight:800}.support-quick-options button:hover{filter:none;border-color:#62b8ee;background:#f5fbff;transform:translateY(-1px)}.support-quick-options button>span{line-height:1.25}.support-quick-options button>i{font-style:normal;color:#8da3b4;font-size:16px}.support-quick-options button.finish{color:#7b8790;background:#f9fbfc}
.support-widget-compose{padding:10px 11px 12px;border-top:1px solid #e0ebf2;background:#fff;display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:end}.support-widget-compose textarea{min-height:42px;max-height:90px;resize:none;border:1px solid #d5e3ed;border-radius:12px;background:#f8fbfd;color:#1b3448;padding:10px 11px;font:inherit;font-size:11px;outline:0}.support-widget-compose textarea:focus{border-color:#36a7ec;box-shadow:0 0 0 3px rgba(54,167,236,.1);background:#fff}.support-widget-compose button{width:42px;height:42px;border:0;border-radius:12px;background:#0d9be9;color:#fff;font-size:16px;display:grid;place-items:center;cursor:pointer;padding:0}.support-widget-compose button:hover{filter:none;background:#087fca}.support-widget-compose button:disabled{opacity:.55;cursor:wait}
@media(max-width:640px){.support-widget{right:12px;bottom:12px}.support-help-nudge{right:59px}.support-fab-v11{width:50px;height:50px}.support-widget-panel{right:0;bottom:62px;width:calc(100vw - 24px);height:min(590px,calc(100vh - 92px));border-radius:17px}.support-widget-panel>header{min-height:68px}.support-quick-options{max-height:190px}}

/* V12 · Ajustes del panel: soporte clickeable, tarjetas uniformes y acceso al sitio compacto */
.admin-page-head-clean{
  min-height:78px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
  margin-bottom:10px;
}
.admin-support-summary{
  grid-column:1;
  min-width:0;
  max-width:none;
  width:100%;
  height:78px;
  padding:8px 10px;
  border:1px solid #29415a;
  border-radius:7px;
  background:linear-gradient(135deg,#0c1a2b,#102035);
  box-shadow:0 8px 30px #02070d38;
  cursor:pointer;
}
.admin-support-summary:hover{
  border-color:#3d7cac;
  background:linear-gradient(135deg,#102239,#12283f);
  transform:translateY(-1px);
}
.admin-support-icon{width:42px;height:42px;border-radius:7px}
.admin-support-summary small{font-size:9.5px;color:#c1ceda}
.admin-support-summary strong{font-size:13px}
.admin-support-summary em{font-size:8.5px;color:#99afc2}
.admin-view-site{
  grid-column:4;
  justify-self:end;
  align-self:start;
  min-width:0;
  width:auto;
  height:38px;
  padding:0 12px;
  border:2px solid #02070d!important;
  border-radius:5px;
  background:#0d1a28;
  box-shadow:0 0 0 1px #2b435a,0 4px 12px #0004;
  color:#fff;
  font-size:9.5px;
  font-weight:850;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.admin-view-site:hover{background:#12263a;border-color:#000!important;box-shadow:0 0 0 1px #4382b6,0 5px 16px #0005}
.admin-kpi{
  min-height:78px;
  padding:8px 9px;
  border-radius:7px;
  border-width:1px;
  box-shadow:0 8px 30px #02070d38;
}
.admin-kpi-icon{width:42px;height:42px;border-radius:7px}
.admin-kpi strong{font-size:19px}
.admin-kpi small{font-size:9px}
.admin-kpi em{font-size:8px}

/* Ventana flotante del buzón de soporte */
.admin-modal-open{overflow:hidden}
.admin-support-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:22px}
.admin-support-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,8,15,.74);backdrop-filter:blur(4px);cursor:default}
.admin-support-modal-card{
  position:relative;
  z-index:1;
  width:min(1120px,calc(100vw - 44px));
  height:min(760px,calc(100vh - 44px));
  display:grid;
  grid-template-rows:58px minmax(0,1fr);
  overflow:hidden;
  border:1px solid #31516d;
  border-radius:12px;
  background:#091522;
  box-shadow:0 28px 100px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.03) inset;
  animation:adminSupportModalIn .16s ease-out;
}
@keyframes adminSupportModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.admin-support-modal-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;border-bottom:1px solid #294057;background:linear-gradient(180deg,#10243a,#0c1928)}
.admin-support-modal-head small{display:block;font-size:8px;letter-spacing:.12em;color:#50b7ff;font-weight:850}
.admin-support-modal-head h2{margin:2px 0 0;color:#fff;font-size:15px;font-weight:800}
#admin-support-modal-close{width:34px;height:34px;border:1px solid #36526c;border-radius:7px;background:#0c1a28;color:#fff;font-size:17px;display:grid;place-items:center;cursor:pointer;padding:0}
#admin-support-modal-close:hover{background:#173149;border-color:#4a7ba5}
.admin-support-modal-body{min-height:0;overflow:hidden;padding:12px;background:#08131f}
.admin-support-shell-modal{height:100%;min-height:0;border-radius:8px}
.admin-support-shell-modal .admin-support-messages{min-height:0;max-height:none}
.admin-support-shell-modal .admin-support-chat{min-height:0}
.admin-support-shell-modal .admin-support-threads{overflow:auto}

@media(max-width:1180px){
  .admin-page-head-clean{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-support-summary{grid-column:1}
  .admin-view-site{grid-column:2}
}
@media(max-width:900px){
  .admin-page-head-clean{grid-template-columns:minmax(0,1fr) auto;min-height:74px}
  .admin-support-summary{grid-column:1;height:74px}
  .admin-view-site{grid-column:2}
  .admin-support-modal{padding:12px}
  .admin-support-modal-card{width:calc(100vw - 24px);height:calc(100vh - 24px)}
  .admin-support-modal-body{padding:8px}
}
@media(max-width:560px){
  .admin-page-head-clean{grid-template-columns:1fr;gap:8px}
  .admin-support-summary{grid-column:1;width:100%}
  .admin-view-site{grid-column:1;justify-self:end}
  .admin-support-modal{padding:0}
  .admin-support-modal-card{width:100vw;height:100vh;border-radius:0;border-left:0;border-right:0}
  .admin-support-modal-body{padding:0}
}

/* V13 · Chat de soporte en tiempo real: sesiones, notificaciones, escritura y adjuntos */
.support-quick-options button.finish{color:#e23b4a;border-color:#ffd4d9;background:#fff7f8}
.support-quick-options button.finish:hover{border-color:#ff8c98;background:#fff0f2;color:#c82738}
.support-unread-preview{position:absolute;right:0;bottom:60px;max-width:250px;padding:5px 9px;border-radius:999px;background:#ef334f;color:#fff;font-size:9px;font-weight:850;box-shadow:0 7px 20px rgba(210,28,59,.28);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}
.support-fab-v11>b{min-width:18px;width:auto;height:18px;padding:0 4px;right:-4px;top:-4px;display:grid;place-items:center;font-size:8px;line-height:1;color:#fff;font-weight:900}
.support-widget-message [data-session-greeting]{scroll-margin-top:6px}
.support-typing{align-self:flex-start;display:flex;align-items:center;gap:4px;margin:0 0 2px 4px;min-height:24px;color:#7990a2}
.support-typing[hidden]{display:none}
.support-typing>span,.admin-typing-indicator>i{width:5px;height:5px;border-radius:50%;background:#26a6ea;animation:supportTypingDots 1.15s infinite ease-in-out}
.support-typing>span:nth-child(2),.admin-typing-indicator>i:nth-child(2){animation-delay:.15s}.support-typing>span:nth-child(3),.admin-typing-indicator>i:nth-child(3){animation-delay:.3s}
.support-typing small{font-size:8.5px;margin-left:3px;font-weight:700}
@keyframes supportTypingDots{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-3px);opacity:1}}
.support-widget-compose.can-attach{grid-template-columns:34px 1fr 42px}
.support-attach-button{width:34px!important;height:42px!important;border-radius:10px!important;background:#eef7fd!important;color:#167eb7!important;font-size:15px!important;border:1px solid #d6e9f5!important}
.support-attach-button:hover{background:#e1f2fc!important}
.support-pending-file{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;border-top:1px solid #e1ecf2;background:#f3f9fd;color:#31536b;font-size:9.5px;font-weight:800}
.support-pending-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-pending-file button{width:23px;height:23px;border:0;border-radius:7px;background:#dfeef7;color:#4b6678;cursor:pointer}
.support-attachment{display:block;margin-top:7px;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit}
.support-attachment.support-image{border:1px solid #d5e5ee;background:#f8fbfd}.support-attachment.support-image img{display:block;width:100%;max-height:185px;object-fit:cover}.support-attachment.support-image span,.support-video span{display:block;padding:6px 8px;color:#60788b;font-size:8.5px;font-weight:700}
.support-video{border:1px solid #d5e5ee;background:#08131c}.support-video video{display:block;width:100%;max-height:190px;background:#000}.support-video span{background:#f8fbfd}
.support-file{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #d5e5ee;background:#f7fbfd}.support-file>span{font-size:18px}.support-file strong{display:block;font-size:9.5px;color:#20394d}.support-file small{display:block!important;margin:1px 0 0!important;font-size:8px!important;color:#7990a2!important;text-align:left!important}
.admin-support-person{display:flex;flex-direction:column;min-width:0;flex:1}.admin-support-person>strong{color:#fff}.admin-support-person>small{color:#9fb1c2}
.admin-typing-indicator{display:flex;align-items:center;gap:4px;margin-top:4px;color:#55c6ff;font-size:8px;font-weight:750}.admin-typing-indicator[hidden]{display:none}.admin-typing-indicator>i{background:#55c6ff;width:4px;height:4px}
.admin-attachments-toggle{margin-left:auto;min-height:30px;padding:0 10px;border:1px solid #35516b;border-radius:7px;background:#102235;color:#dce9f4;font-size:8.5px;font-weight:800;cursor:pointer;white-space:nowrap}.admin-attachments-toggle:hover{background:#17314a;border-color:#4d789d}.admin-attachments-toggle.enabled{border-color:#147a5f;background:#0c332b;color:#62e6b4}
.admin-support-message .support-attachment{max-width:360px}.admin-support-message.from-admin .support-attachment{margin-left:auto}.admin-support-message .support-image img{max-height:260px}
@media(max-width:640px){.support-unread-preview{right:0;bottom:57px;max-width:210px}.admin-support-chat-head{flex-wrap:wrap}.admin-attachments-toggle{margin-left:0;margin-top:6px}.support-widget-compose.can-attach{grid-template-columns:32px 1fr 42px}.support-attach-button{width:32px!important}}

/* V14 · Ajustes puntuales del chat de soporte */
.support-typing{color:#35c98a!important}
.support-typing small{color:#35c98a!important;font-weight:850!important}
.support-typing>span,.admin-typing-indicator>i{background:#39d998!important;box-shadow:0 0 0 2px rgba(57,217,152,.08)}
.admin-typing-indicator{color:#45e6a5!important;font-size:9px!important;font-weight:850!important}
.admin-typing-indicator>i{background:#45e6a5!important}
.support-finish-only{max-height:none!important;padding-top:2px!important}
.support-finish-only button.finish{min-height:36px!important}
.support-attach-button{display:grid!important;place-items:center!important;background:#e8f6ff!important;border-color:#a9dcf7!important;color:#078fd7!important;box-shadow:0 4px 11px rgba(10,145,216,.12)!important}
.support-attach-button svg{width:21px;height:21px;display:block;fill:currentColor}
.support-attach-button:hover{background:#d8f0ff!important;border-color:#65c0ef!important;color:#0079bd!important;transform:translateY(-1px)}


/* === V17 · Luvi, asistente visual de AhorraPlay === */
.support-widget{right:24px;bottom:24px;gap:12px}
.support-help-nudge{right:72px;bottom:2px;min-width:184px;height:58px;padding:8px 14px 8px 8px;border-radius:18px;border:1px solid #d9e4f4;background:#fff;color:#0b1b34;display:flex;align-items:center;gap:9px;box-shadow:0 14px 38px rgba(3,36,88,.18);white-space:normal}
.support-help-nudge:after{right:-7px;bottom:19px;width:12px;height:12px;border-color:#d9e4f4}
.support-help-nudge>i{margin-left:auto;font-style:normal;font-size:22px;color:#233953;font-weight:800}
.support-nudge-avatar{position:relative;display:block;flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid #147ff3;background:transparent;box-shadow:0 5px 14px rgba(6,70,160,.2)}
.support-nudge-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 13%;display:block;border:0;box-shadow:none;transform:scale(1.02)}
.support-nudge-avatar b{display:none!important}
.support-nudge-copy{display:flex;flex-direction:column;line-height:1.15}.support-nudge-copy small{font-size:10px;color:#253750;font-weight:650}.support-nudge-copy strong{font-size:11px;color:#071a35;font-weight:900;margin-top:2px}
.support-fab-v11{width:58px;height:58px;border-radius:50%;background:#0c72e8;padding:2px;border:2px solid rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(4,77,183,.36);overflow:visible}
.support-fab-v11>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 13%;border-radius:50%;transform:scale(1.02)}.support-fab-v11>span{display:none}
.support-online-dot{display:none!important}
.support-fab-v11>b{right:-5px;top:-6px;min-width:19px;height:19px;border-radius:999px;background:#ef334f;border:2px solid #fff;color:#fff;font-size:8px;font-weight:900;padding:0 4px;z-index:4}
.support-unread-preview{right:73px;bottom:64px;background:#ef334f;color:#fff;border-radius:999px;font-size:9px;font-weight:900;padding:6px 10px;box-shadow:0 8px 22px rgba(239,51,79,.26)}
.support-widget-panel{width:min(420px,calc(100vw - 28px));height:590px;border:1px solid #2d6fd8;border-radius:22px;background:#fff;box-shadow:0 26px 80px rgba(2,24,63,.32)}
.support-widget-panel>header{min-height:76px;padding:12px 13px 12px 15px;background:linear-gradient(100deg,#081f51 0%,#0b3f95 62%,#0a5ae8 100%);border-bottom:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden}
.support-widget-panel>header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% -40%,rgba(0,180,255,.28),transparent 45%);pointer-events:none}
.support-widget-brand{gap:10px;position:relative;z-index:2;align-items:center}.support-brand-avatar{width:48px;height:48px;flex:0 0 48px;position:relative;border-radius:50%;display:block;overflow:hidden;border:2px solid #57b7ff;background:transparent;box-shadow:0 5px 16px rgba(0,0,0,.22)}.support-brand-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 13%;border:0;box-shadow:none;display:block;transform:scale(1.02)}.support-brand-avatar i{display:none!important}
.support-brand-title{display:flex;align-items:center;gap:8px}.support-brand-title strong{font-size:17px!important;line-height:1;color:#fff;font-weight:950}.support-brand-title em{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:#11ad67;color:#fff;font-size:8px;font-style:normal;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.17)}.support-brand-title em span{font-size:7px;color:#d7ffe9}.support-widget-brand small{font-size:10px;color:#e3edff;font-weight:650;margin-top:4px}
.support-header-mark{position:absolute;right:55px;top:12px;width:60px;height:50px;display:grid;place-items:center;color:#10a8ff;font-size:44px;line-height:1;opacity:.95;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
#support-widget-close{position:relative;z-index:3;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.12);font-size:22px}
.support-widget-body{background:#f7f9fd}
.support-welcome-luvy{padding:16px 16px 13px;justify-content:flex-start;align-items:stretch;text-align:left;background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}
.support-welcome-scene{display:grid;grid-template-columns:42% 58%;min-height:380px;border-radius:17px;overflow:hidden;border:1px solid #e3eaf4;background:#eef3fb;box-shadow:0 9px 24px rgba(20,50,90,.08)}
.support-welcome-art{min-width:0;background:#071d44;position:relative;overflow:hidden}.support-welcome-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:48% 48%;filter:saturate(1.03) contrast(1.02)}.support-welcome-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(247,249,253,.32) 100%);pointer-events:none}
.support-welcome-card{background:linear-gradient(180deg,#fff,#f6f8fc);padding:24px 18px 18px;display:flex;gap:8px;align-items:flex-start;color:#101a2b}.support-welcome-mini-avatar{flex:0 0 28px;width:28px;height:28px;border-radius:50%;overflow:hidden;margin-top:2px}.support-welcome-mini-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 13%}.support-welcome-card h3{margin:0 0 12px;color:#111a29;font-size:17px;line-height:1.22;font-weight:900;letter-spacing:-.2px}.support-welcome-card h3 strong,.support-welcome-card h3 b{color:#0a67e8}.support-welcome-card p{margin:0 0 13px;color:#2e3d50;font-size:11.3px;line-height:1.55}.support-welcome-card h4{margin:0;color:#111a29;font-size:15px;line-height:1.25;font-weight:900}
.support-welcome-luvy .support-start-button{max-width:none;width:100%;min-height:48px;margin-top:13px;border-radius:14px;background:linear-gradient(90deg,#0d9af3,#085ee9);box-shadow:0 10px 22px rgba(12,100,222,.22);font-size:12px;letter-spacing:.01em}.support-welcome-luvy .support-start-button span{font-size:15px}.support-welcome-luvy .support-start-button b{font-size:17px;margin-left:4px}.support-welcome-luvy>small{text-align:center;margin-top:9px;max-width:none;color:#8593a7;font-size:7.8px}
.support-widget-messages{padding:16px 14px 10px;gap:10px;background:linear-gradient(180deg,#f7faff,#fbfcfe)}
.support-widget-message{max-width:90%;gap:6px;align-items:flex-end}.support-widget-message>div{padding:10px 12px 8px;border-radius:16px;border:1px solid #dfe6f0;box-shadow:0 4px 12px rgba(19,45,78,.04)}.support-widget-message p{font-size:11.8px;line-height:1.5;color:#1a2a3c}.support-widget-message small{font-size:8.2px;color:#7d8fa4}
.support-message-avatar{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;overflow:hidden;margin-bottom:2px}.support-message-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 13%}.support-message-avatar.human{background:linear-gradient(145deg,#163668,#0c79d8);color:#fff;font-size:10px;font-weight:900;border:2px solid #fff;box-shadow:0 2px 8px rgba(16,73,133,.18)}
.support-widget-message.from-admin>div,.support-widget-message.from-bot>div{background:#fff;border-bottom-left-radius:6px}.support-widget-message.from-bot>div{background:#f2f5fa;border-color:#e4e9f2}.support-widget-message.from-bot p{color:#17273a}.support-widget-message.from-user>div{background:linear-gradient(180deg,#e2f3ff,#d9edff);border-color:#c2e2fb}
.support-quick-title{color:#70839b;font-size:9.2px}.support-quick-options button{border-color:#dce5f0;border-radius:12px;color:#182b42;box-shadow:0 2px 7px rgba(20,52,83,.03)}.support-quick-options button:hover{border-color:#6cabf2;background:#f7fbff}.support-quick-options button.finish{color:#df3145;background:#fff7f8;border-color:#ffd7dc}
.support-widget-compose{padding:10px 11px 12px;border-top:1px solid #e2e8f1}.support-widget-compose textarea{border-color:#dce3ed;background:#fbfcfe;border-radius:13px}.support-widget-compose textarea:focus{border-color:#4e9cf5;box-shadow:0 0 0 3px rgba(47,137,241,.10)}.support-widget-compose button[type=submit]{background:linear-gradient(145deg,#177ef5,#0b5ce3);border-radius:50%;width:42px;height:42px}.support-attach-button{background:#f2f7ff!important;border-color:#c5daf8!important;color:#0d6fe9!important}
@media(max-width:640px){.support-widget{right:12px;bottom:12px}.support-help-nudge{right:64px;min-width:165px;height:54px;padding:7px 12px 7px 7px}.support-nudge-avatar,.support-nudge-avatar img{width:38px;height:38px}.support-fab-v11{width:54px;height:54px}.support-widget-panel{bottom:64px;width:calc(100vw - 24px);height:min(610px,calc(100vh - 88px));border-radius:18px}.support-welcome-scene{min-height:350px;grid-template-columns:40% 60%}.support-welcome-card{padding:20px 13px 14px;gap:6px}.support-welcome-card h3{font-size:15px}.support-welcome-card p{font-size:10.4px}.support-welcome-card h4{font-size:13.5px}.support-header-mark{right:48px;width:48px;font-size:36px}}


/* === V18 · Ajuste puntual del botón flotante de Luvi === */
/* La burbuja de ayuda queda solo con texto, sin avatar. */
.support-help-nudge{
  min-width:158px;
  height:54px;
  padding:8px 13px 8px 14px;
  gap:10px;
}
.support-help-nudge .support-nudge-copy{flex:1;min-width:0}
.support-help-nudge .support-nudge-copy small{font-size:10px}
.support-help-nudge .support-nudge-copy strong{font-size:11px}
.support-nudge-avatar{display:none!important}

/* El avatar principal queda perfectamente circular y con estado verde. */
.support-fab-v11{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  aspect-ratio:1/1!important;
  flex:0 0 60px!important;
  border-radius:50%!important;
  padding:2px!important;
  position:relative;
}
.support-fab-v11>img{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%);
  object-fit:cover!important;
  object-position:50% 13%!important;
  transform:none!important;
}
.support-fab-v11:after{
  content:"";
  position:absolute;
  right:1px;
  bottom:2px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#1ed760;
  border:2px solid #fff;
  box-shadow:0 2px 7px rgba(7,112,51,.35);
  z-index:5;
}
@media(max-width:640px){
  .support-help-nudge{right:64px;min-width:154px;height:52px;padding:7px 12px 7px 13px}
  .support-fab-v11{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;flex-basis:56px!important}
  .support-fab-v11>img{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}
}

/* V22 · Administración renovada, permisos, reportes y marca oficial */
body.admin-page main#app{background:#050d17}
.admin-brand-logo{height:52px;display:flex;align-items:center;padding:0 7px 7px;overflow:hidden}
.admin-brand-logo svg{display:block;width:154px;height:48px;filter:drop-shadow(0 4px 15px rgba(0,174,255,.16))}
.admin-sidebar{padding:9px 9px 8px}
.admin-sidebar-nav{gap:1px;padding-right:1px;flex:1;min-height:0;overflow:auto}
.admin-nav-item{min-height:31px;padding:5px 8px;grid-template-columns:23px 1fr 12px;gap:6px;font-size:10.3px;color:#d8e4ef;border-radius:6px}
.admin-nav-item span{font-size:14px;color:#e8f2fb}.admin-nav-item strong{font-weight:700}.admin-nav-label{padding:10px 8px 4px;color:#91a7bc;font-size:7.8px;font-weight:800}
.admin-profile{padding:8px;grid-template-columns:31px 1fr 28px;gap:7px}.admin-profile strong,.admin-who strong{font-size:10.5px;font-weight:800;color:#fff}.admin-profile small,.admin-who small{font-size:8.4px;font-weight:650;color:#c0cfdd}.admin-logout-btn{font-size:9px!important;font-weight:800!important;color:#dcecff!important}
.admin-search input{color:#f4f9ff}.admin-search input::placeholder{color:#9fb0c1}.admin-card-title h2,.admin-page-head h1,.admin-kpi strong{color:#fff}.admin-card-title>span,.admin-card-title button,.admin-muted{color:#a9bdd0}

/* Login /admin inspirado en la referencia cinematográfica */
.admin-login-screen{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#020914;color:#fff}
.admin-login-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,15,.96) 0%,rgba(2,10,20,.89) 30%,rgba(2,12,24,.58) 55%,rgba(2,9,18,.78) 100%),linear-gradient(180deg,rgba(1,6,12,.2),rgba(1,5,11,.72));backdrop-filter:saturate(.88) brightness(.78)}
.admin-login-layout{position:relative;z-index:1;width:min(1260px,92vw);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.82fr);gap:72px;align-items:center;padding:54px 0}
.admin-login-intro{align-self:center;padding-left:15px;max-width:630px}.admin-login-kicker{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.32em;color:#d7e4ef;font-weight:700}.admin-login-kicker span{width:35px;height:1px;background:#18c7ef;box-shadow:0 0 12px #18c7ef}
.admin-login-intro h1{margin:18px 0 10px;font-size:58px;line-height:.98;letter-spacing:-2.2px;color:#fff;font-weight:850}.admin-login-intro h1 strong{display:block;color:#08a8ed;font-weight:900}.admin-login-intro>p{margin:0;color:#bac7d5;font-size:20px;font-weight:500}
.admin-login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;max-width:525px}.admin-login-benefits article{min-height:90px;display:grid;grid-template-columns:45px 1fr;gap:9px;align-items:center;padding-right:18px;position:relative}.admin-login-benefits article+article:before{content:'';position:absolute;left:-12px;height:56px;width:1px;background:#2a3b4b}.admin-login-benefits span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0b2135;border:1px solid #153c59;color:#27b9ff;font-size:20px;box-shadow:0 0 28px rgba(22,164,255,.12)}.admin-login-benefits b{font-size:14px;line-height:1.35;color:#ecf4fb;font-weight:650}
.admin-login-card{width:100%;border:1px solid rgba(90,155,210,.34);border-radius:19px;padding:40px 43px 34px;background:linear-gradient(180deg,rgba(7,21,36,.94),rgba(4,14,26,.95));box-shadow:0 25px 90px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.02);backdrop-filter:blur(13px)}
.admin-login-card-brand{margin-bottom:21px}.admin-login-card-kicker{font-size:10px;letter-spacing:.28em;color:#9cc4de;font-weight:750;text-align:center;margin-bottom:2px}.admin-login-official-logo{display:block;width:245px;height:74px;margin:0 auto}
.admin-login-card h2{margin:1px 0 7px;font-size:31px;letter-spacing:-1px;color:#fff}.admin-login-card>p{margin:0 0 23px;color:#a7b8c8;font-size:14px}.admin-login-field{display:block;margin-bottom:16px}.admin-login-field>span{display:block;margin:0 0 7px;font-size:13px;font-weight:800;color:#fff}.admin-login-field>div{height:50px;display:grid;grid-template-columns:33px 1fr 34px;align-items:center;border:1px solid #29435c;border-radius:8px;background:#0b1929;box-shadow:inset 0 0 14px rgba(0,0,0,.08)}.admin-login-field i{font-style:normal;text-align:center;color:#b4c7d9;font-size:17px}.admin-login-field input{min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:14px;padding:0}.admin-login-field input::placeholder{color:#71869b}.admin-login-field button{border:0;background:transparent;color:#8299ad;font-size:16px;padding:0;height:100%}.admin-login-submit{width:100%;height:52px;border:0;border-radius:8px;margin-top:6px;background:linear-gradient(90deg,#167fff 0%,#079fe9 55%,#16e1e2 100%);color:#fff;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 12px 28px rgba(0,153,255,.22);cursor:pointer}.admin-login-submit span{font-size:22px;font-weight:400}.admin-login-submit:disabled{opacity:.55;cursor:wait}.admin-login-card .error{min-height:18px;margin:0;color:#ff8090;font-size:11px}.admin-login-return{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:25px}.admin-login-return i{height:1px;background:#203246}.admin-login-return a{color:#47aede;font-size:12px;text-decoration:none;font-weight:650}

/* Tarjetas superiores de reportes */
.admin-page-head-clean{grid-template-columns:repeat(4,minmax(0,1fr));min-height:78px;gap:10px}
.admin-report-summary{min-width:0;width:100%;height:78px;padding:8px 10px;border:1px solid #29415a;border-radius:7px;background:linear-gradient(135deg,#0c1a2b,#102035);color:#fff;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;box-shadow:0 8px 30px #02070d38;cursor:pointer}.admin-report-summary:hover{filter:none;transform:translateY(-1px);border-color:#3e87ba}.admin-report-icon{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;font-size:18px;background:#5e2f89;box-shadow:0 0 24px rgba(168,89,255,.16) inset}.admin-report-summary.membership .admin-report-icon{background:#8a5620}.admin-report-summary small{display:block;font-size:9.5px;color:#c1ceda;font-weight:650}.admin-report-summary strong{display:block;font-size:12.5px;color:#fff;line-height:1.2;margin:2px 0}.admin-report-summary em{display:block;font-size:8.3px;color:#a0b2c3;font-style:normal}.admin-report-summary>b{min-width:25px;height:25px;border-radius:13px;display:grid;place-items:center;background:#ef4f62;color:#fff;font-size:10px}.admin-summary-disabled{opacity:.58;cursor:default}.admin-view-site{grid-column:auto;justify-self:end}
.admin-report-filters{display:flex;gap:6px;flex-wrap:wrap}.admin-report-filters button{border:1px solid #29445e;background:#0c1a29;color:#b9cada;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:750}.admin-report-filters button.active{background:#0d6fc5;border-color:#208fe9;color:#fff}

/* Administración de administradores */
.admin-master-card{border:1px solid #245783;background:linear-gradient(135deg,#0d2135,#0a1725);border-radius:10px;padding:14px 16px;margin-bottom:10px;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;color:#fff}.admin-master-card .admin-avatar{width:40px;height:40px}.admin-master-card small{font-size:8px;letter-spacing:.13em;color:#51b7ff;font-weight:850}.admin-master-card strong{display:block;font-size:14px;margin-top:2px}.admin-master-card p{margin:3px 0 0;font-size:9px;color:#9db1c5}.admin-permissions{border:1px solid #d7e3eb;border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:8px 0 13px}.admin-permissions legend{padding:0 6px;font-size:11px;font-weight:800;color:#223d53}.admin-permissions label{display:flex;align-items:center;gap:7px;font-size:11px;color:#324d62}.admin-permissions input{accent-color:#0f9fea}.admin-active-toggle{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:750;color:#284358;margin-bottom:13px}

/* Notificaciones del cliente y reportes */
.account-notifications{max-width:1180px;margin:0 auto 18px;border:1px solid #dce7ee;background:#fff;border-radius:16px;padding:14px;box-shadow:0 10px 30px rgba(24,61,85,.05)}.account-notifications-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.account-notifications-title h2{font-size:18px;margin:2px 0 0;color:#173149}.account-notifications-title>span{min-width:28px;height:28px;border-radius:14px;display:grid;place-items:center;background:#e9f8ff;color:#0789c8;font-weight:900;font-size:11px}.account-notice{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:10px 8px;border-top:1px solid #eef3f6}.account-notice-icon{width:32px;height:32px;border-radius:10px;background:#edf6fc;color:#168cca;display:grid;place-items:center;font-weight:900}.account-notice.resolved .account-notice-icon{background:#e8faf2;color:#0ba863}.account-notice strong{display:block;font-size:12px;color:#19364b}.account-notice p{margin:2px 0;color:#607789;font-size:11px}.account-notice small{color:#93a4b1;font-size:9px}.subscription-actions{display:flex;gap:8px;flex-wrap:wrap}.report-problem-button{border-color:#d3e2eb!important;color:#26526e!important}.report-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-choice{border:1px solid #d7e5ee;background:#f8fbfd;border-radius:13px;padding:15px;text-align:left;display:grid;gap:5px;color:#19364c;cursor:pointer}.report-choice:hover{filter:none;border-color:#37a9e8;background:#f2faff}.report-choice>span{font-size:24px}.report-choice strong{font-size:12px}.report-choice small{font-size:10px;line-height:1.4;color:#6e8393}

@media(max-width:1100px){.admin-login-layout{grid-template-columns:1fr 430px;gap:34px}.admin-login-intro h1{font-size:48px}.admin-login-intro>p{font-size:17px}.admin-page-head-clean{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-view-site{grid-column:auto;grid-row:auto;align-self:start;justify-self:end;z-index:2}.admin-report-summary.membership{grid-column:auto}.admin-permissions{grid-template-columns:1fr}}
@media(max-width:820px){.admin-brand-logo{height:44px;width:150px}.admin-brand-logo svg{width:140px;height:42px}.admin-login-screen{place-items:start center;overflow:auto}.admin-login-layout{width:min(620px,92vw);grid-template-columns:1fr;gap:22px;padding:30px 0}.admin-login-intro{padding:0;text-align:center}.admin-login-kicker{justify-content:center}.admin-login-intro h1{font-size:44px}.admin-login-benefits{margin:20px auto 0}.admin-login-card{padding:29px 26px}.admin-page-head-clean{grid-template-columns:1fr 1fr}.admin-view-site{grid-column:2}.admin-report-summary{height:74px}}
@media(max-width:560px){.admin-login-layout{width:calc(100vw - 26px)}.admin-login-intro h1{font-size:38px}.admin-login-intro>p{font-size:15px}.admin-login-benefits{grid-template-columns:1fr;gap:6px}.admin-login-benefits article{min-height:56px;grid-template-columns:40px 1fr;text-align:left;padding:0 12%}.admin-login-benefits article+article:before{display:none}.admin-login-benefits span{width:38px;height:38px}.admin-login-card{padding:25px 18px}.admin-login-card h2{font-size:26px}.admin-login-official-logo{width:210px;height:64px}.admin-page-head-clean{grid-template-columns:1fr}.admin-support-summary,.admin-report-summary{grid-column:1!important}.admin-view-site{grid-column:1!important;grid-row:auto;justify-self:end}.report-choice-grid{grid-template-columns:1fr}}


/* V23 · Ajustes visuales solicitados 02-10-2026 */
.ap-icon{display:block;flex:0 0 auto;vector-effect:non-scaling-stroke}

/* Tipografía pública: Plus Jakarta Sans */
body{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:400}
body:not(.admin-page) button,body:not(.admin-page) input,body:not(.admin-page) select,body:not(.admin-page) textarea{font-family:"Plus Jakarta Sans",Arial,sans-serif}
body:not(.admin-page) .hero-v7 h1,body:not(.admin-page) .hero h1{font-weight:800}
body:not(.admin-page) .product h3,body:not(.admin-page) .subscription h3,body:not(.admin-page) .combo-card h3{font-weight:700}
body:not(.admin-page) .price strong,body:not(.admin-page) .combo-price strong{font-weight:800}
body:not(.admin-page) .button,body:not(.admin-page) button{font-weight:600}
body:not(.admin-page) .header-inner nav,body:not(.admin-page) .main-nav{font-weight:600}
body:not(.admin-page) .product-description,body:not(.admin-page) .hero-v7 p,body:not(.admin-page) .support-widget-message p,body:not(.admin-page) .support-widget-panel{font-weight:400}
body:not(.admin-page) small{font-weight:400}
.support-widget,.support-widget *{font-family:"Plus Jakarta Sans",Arial,sans-serif}

/* Tipografía panel: Inter */
body.admin-page,body.admin-page button,body.admin-page input,body.admin-page select,body.admin-page textarea{font-family:"Inter",Arial,sans-serif}
body.admin-page .admin-page-head h1,body.admin-page .admin-card-title h2,body.admin-page .admin-login-card h2,body.admin-page .admin-login-intro h1,body.admin-page .admin-placeholder h2{font-weight:700}
body.admin-page .admin-primary,body.admin-page .admin-view-site,body.admin-page .admin-login-submit,body.admin-page .admin-card-title button,body.admin-page .admin-report-summary strong,body.admin-page .admin-support-summary strong{font-weight:600}
body.admin-page .admin-nav-item strong{font-weight:500!important}
body.admin-page .admin-content,body.admin-page .admin-login-card>p,body.admin-page .admin-login-field input,body.admin-page .admin-search input{font-weight:400}
body.admin-page .admin-login-field>span,body.admin-page .admin-login-benefits b,body.admin-page .admin-page-head p{font-weight:600}

/* Login: fondo completo y más contenido */
.admin-login-screen{background:#020914!important;isolation:isolate}
.admin-login-screen:before{content:"";position:absolute;inset:0;z-index:0;background-image:url('/assets/ahorraplay-admin-cinema-v26.webp');background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:.88;pointer-events:none}
.admin-login-overlay{z-index:1;background:linear-gradient(90deg,rgba(1,7,15,.94) 0%,rgba(2,10,20,.84) 30%,rgba(2,12,24,.52) 58%,rgba(2,9,18,.74) 100%),linear-gradient(180deg,rgba(1,6,12,.12),rgba(1,5,11,.62))}
.admin-login-layout{z-index:2}
.admin-login-benefits span .ap-icon{width:23px;height:23px}
.admin-login-field i{display:grid;place-items:center}
.admin-login-field i .ap-icon{width:18px;height:18px}
.admin-login-field button{display:grid;place-items:center;color:#a8bfd3;transition:color .15s,background .15s}
.admin-login-field button:hover{color:#fff;background:#10243a;filter:none}
.admin-login-field button .ap-icon{width:18px;height:18px}

/* Sidebar e iconografía */
.admin-nav-item span{display:grid;place-items:center;color:#dcecff}
.admin-nav-item span .ap-icon{width:15px;height:15px}
.admin-nav-item i{display:grid;place-items:center;color:#70869d}
.admin-nav-item i .ap-icon{width:12px;height:12px}
.admin-nav-item.active span{color:#7bd2ff}
.admin-sidebar-logout{margin-top:12px;flex:0 0 auto;width:100%;height:40px;border:1px solid rgba(255,87,99,.72);border-radius:8px;background:linear-gradient(90deg,#230c12 0%,#8e1f2d 48%,#230c12 100%);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;box-shadow:0 0 0 1px rgba(255,72,86,.08) inset,0 9px 24px rgba(139,23,37,.24);cursor:pointer}
.admin-sidebar-logout:hover{background:linear-gradient(90deg,#2d0d15 0%,#b12838 48%,#2d0d15 100%);border-color:#ff6b76;filter:none}
.admin-profile{display:none!important}

/* Barra superior: buscador corto y centrado */
.admin-topbar{position:sticky}
.admin-search{position:absolute;left:50%;transform:translateX(-50%);width:min(390px,34vw);height:38px}
.admin-search>span{display:grid;place-items:center;color:#c2d4e5}
.admin-search>span .ap-icon{width:17px;height:17px}
.admin-calendar-icon{display:grid;place-items:center;color:#a9c6de}
.admin-calendar-icon .ap-icon{width:14px;height:14px}
.admin-top-actions{margin-left:auto}

/* Iconos del dashboard */
.admin-kpi-icon,.admin-support-icon,.admin-report-icon{display:grid;place-items:center}
.admin-kpi-icon .ap-icon{width:22px;height:22px}
.admin-support-icon .ap-icon,.admin-report-icon .ap-icon{width:19px;height:19px}
.admin-quick>button span{display:grid;place-items:center}
.admin-quick>button span .ap-icon{width:14px;height:14px}
.admin-quick>button i{display:grid;place-items:center}
.admin-quick>button i .ap-icon{width:11px;height:11px}
.admin-view-site{display:inline-flex;align-items:center;gap:6px}

/* Columna derecha: tres bloques separados y preparados para desplegar */
.admin-quick{grid-column:3;grid-row:1;margin-bottom:8px}
.admin-side-stack{grid-column:3;grid-row:2 / span 3;display:flex;flex-direction:column;gap:18px;margin-top:12px}
.admin-side-card{overflow:hidden}
.admin-side-users{margin-top:3px}
.admin-card-title-actions{display:flex;align-items:center;gap:8px}
.admin-collapse-trigger{width:22px;height:22px!important;display:grid!important;place-items:center;border:1px solid #29415a!important;border-radius:5px!important;color:#9fc4e2!important;background:#102034!important;padding:0!important}
.admin-collapse-trigger .ap-icon{transition:transform .18s}
.admin-collapse-trigger.collapsed .ap-icon{transform:rotate(-90deg)}
.admin-collapsible-body{display:block;max-height:230px;overflow:auto;transition:max-height .2s ease,opacity .2s ease}
.admin-collapsible-body.collapsed{max-height:0;opacity:0;overflow:hidden}

@media(max-width:1180px){
 .admin-search{position:static;transform:none;width:min(390px,46vw)}
 .admin-quick{grid-column:2;grid-row:auto;margin-bottom:0}
 .admin-side-stack{grid-column:1/-1;grid-row:auto;margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
}
@media(max-width:820px){
 .admin-search{width:100%}
 .admin-side-stack{display:grid;grid-template-columns:1fr;gap:12px}
.admin-login-screen:before{background-size:cover;background-position:center center;opacity:.62}
}

/* V24 · Ajustes puntuales: fondo completo y salida anclada */
.admin-sidebar{height:100vh;height:100dvh}
.admin-sidebar-nav{flex:1;min-height:0;overflow:auto}
.admin-sidebar-logout{margin-top:12px;flex-shrink:0}


/* V26 · Fondo de login realmente a pantalla completa, sin recorte */
.admin-login-screen{min-height:100vh;min-height:100dvh;background:#020914!important;isolation:isolate}
.admin-login-screen:before{
  content:"";
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  height:100dvh;
  z-index:0;
  background-image:url('/assets/ahorraplay-admin-cinema-v26.webp');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  opacity:.88;
  pointer-events:none;
}
@media(max-width:820px){
  .admin-login-screen:before{background-size:100% 100%;background-position:center center;opacity:.72}
}


/* V27 · Modales seguros: solo se cierran con X */
#modal::backdrop{cursor:default}
#modal>.close{
  background:linear-gradient(145deg,#441019 0%,#21070c 58%,#09080a 100%)!important;
  border:1px solid #a72b3e!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,93,112,.08),0 5px 18px rgba(105,8,25,.28)!important;
  border-radius:9px!important;
}
#modal>.close:hover{background:linear-gradient(145deg,#6a1724 0%,#310910 60%,#0b080a 100%)!important;border-color:#df4960!important;filter:none!important}
#modal>.close:focus-visible{outline:2px solid #ff7185;outline-offset:3px}
.admin-support-modal-backdrop{cursor:default!important}
#admin-support-modal-close{
  background:linear-gradient(145deg,#441019 0%,#21070c 58%,#09080a 100%)!important;
  border:1px solid #a72b3e!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,93,112,.08),0 5px 18px rgba(105,8,25,.28)!important;
}
#admin-support-modal-close:hover{background:linear-gradient(145deg,#6a1724 0%,#310910 60%,#0b080a 100%)!important;border-color:#df4960!important;filter:none!important}

/* V29 · Chat en tiempo real y toma de conversación por asesor */
.support-system-notice{
  align-self:center;
  max-width:92%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:3px auto 5px;
  padding:6px 10px;
  border:1px solid #cfe8df;
  border-radius:999px;
  background:#eefaf5;
  color:#42685a;
  box-shadow:0 2px 8px rgba(27,101,73,.05);
  text-align:center;
}
.support-system-notice>span{
  width:17px;
  height:17px;
  flex:0 0 17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1caf72;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.support-system-notice small{font-size:8.7px;line-height:1.35;font-weight:500;color:#587568}
.support-system-notice strong{font-weight:700;color:#176f4c}

/* V30 · Perfil del administrador principal */
.admin-profile-menu{position:relative;display:flex;align-items:center}
.admin-profile-trigger{border:1px solid transparent;background:transparent;color:#f5f9ff;display:flex;align-items:center;gap:8px;padding:4px 7px;border-radius:9px;min-height:40px}
.admin-profile-trigger:hover{background:#102238;border-color:#243e59;filter:none}
.admin-profile-trigger strong{font-size:11px;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-profile-caret{color:#8ea4bb;font-size:13px}
.admin-profile-dropdown{position:absolute;top:46px;right:0;z-index:80;width:170px;padding:7px;background:#0b1726;border:1px solid #29445f;border-radius:10px;box-shadow:0 18px 44px #0008}
.admin-profile-dropdown button{width:100%;border:0;background:transparent;color:#f4f8fc;text-align:left;padding:10px 11px;border-radius:7px;font-size:11px;font-weight:600}
.admin-profile-dropdown button:hover{background:#142a42;filter:none}

/* V30 · Soporte: conversación finalizada y acciones */
.admin-support-chat-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-support-finish{border:1px solid #d84a55;background:linear-gradient(180deg,#7d1722,#37080f);color:#fff;border-radius:7px;padding:8px 11px;font:600 9px/1 "Inter",Arial,sans-serif;box-shadow:inset 0 0 12px #ff4a5b22}
.admin-support-finish:hover{background:linear-gradient(180deg,#9a1d2a,#470b14);filter:none}
.admin-chat-ended-pill,.admin-thread-ended{display:inline-flex;align-items:center;justify-content:center;border:1px solid #7d3440;background:#301018;color:#ff9aa4;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:600;white-space:nowrap}
.admin-thread-ended{margin-left:auto;align-self:center;padding:3px 6px}
.admin-support-thread.ended{opacity:.74}
.admin-support-ended-notice{margin:12px auto 4px;max-width:88%;border:1px solid #5c2b36;background:#211018;color:#f5b2b8;border-radius:10px;padding:10px 12px;text-align:center;font-size:9px;line-height:1.45}
.support-chat-ended-notice{margin:14px 10px 4px;border:1px solid #e2a7ac;background:#fff3f4;color:#7b3037;border-radius:12px;padding:13px 14px;text-align:center}
.support-chat-ended-notice strong{display:block;font-size:14px;color:#a32431;margin-bottom:4px}
.support-chat-ended-notice p{margin:0!important;font-size:11px!important;line-height:1.5;color:#7b5155!important}
.support-chat-ended-actions{padding:9px 12px 12px;border-top:1px solid #e7edf3;background:#fff}
.support-chat-ended-actions .support-start-button{margin:0;width:100%}

/* V33 · Hero público con imagen suministrada por el usuario */
.ap-hero,.ap-hero *{box-sizing:border-box}
.ap-hero{position:relative;width:100%;min-height:330px;margin:0 0 42px;border-radius:22px;overflow:hidden;font-family:"Plus Jakarta Sans",Arial,sans-serif;background:#020b18}
.ap-hero-image{display:flex;align-items:center;padding:42px max(6%,34px);background-image:linear-gradient(90deg,rgba(1,10,24,.72) 0%,rgba(1,10,24,.40) 36%,rgba(1,10,24,.08) 66%,rgba(1,10,24,.03) 100%),url('/assets/hero-streaming-premium-v48.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;isolation:isolate}
.ap-hero-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,8,18,.08),rgba(1,8,18,.15));z-index:0}
.ap-hero-content{position:relative;z-index:1;max-width:560px}
.ap-hero h1{margin:0;color:#fff;font-size:clamp(34px,3.3vw,54px);line-height:1.03;font-weight:800;letter-spacing:-1.8px;text-wrap:balance;text-shadow:0 3px 22px rgba(0,0,0,.35)}
.ap-hero h1 span{display:block;color:#12dff2;background:linear-gradient(90deg,#18e4ef,#10bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap-hero-content p{max-width:500px;margin:18px 0 0;color:rgba(235,244,255,.84);font-size:clamp(13px,1.12vw,16px);line-height:1.6;font-weight:400;text-shadow:0 2px 14px rgba(0,0,0,.42)}
@media(max-width:1050px){.ap-hero{min-height:300px}.ap-hero-image{padding:36px 5%;background-position:58% center}.ap-hero-content{max-width:500px}.ap-hero h1{font-size:clamp(32px,5vw,46px)}}
@media(max-width:700px){.ap-hero{min-height:235px;margin-bottom:28px;border-radius:15px}.ap-hero-image{padding:28px 22px;align-items:flex-end;background-position:66% center;background-image:linear-gradient(90deg,rgba(1,10,24,.78) 0%,rgba(1,10,24,.52) 48%,rgba(1,10,24,.18) 100%),url('/assets/hero-streaming-premium-v48.webp')}.ap-hero-content{max-width:310px}.ap-hero h1{font-size:clamp(28px,8.4vw,38px);letter-spacing:-1.2px}.ap-hero-content p{font-size:13px;line-height:1.5;margin-top:12px;max-width:290px}}
@media(max-width:420px){.ap-hero{min-height:210px;border-radius:12px}.ap-hero-image{padding:23px 18px;background-position:69% center}.ap-hero-content{max-width:270px}.ap-hero h1{font-size:29px}.ap-hero-content p{font-size:12px;max-width:255px}}

/* V34 · Catálogo pegado al banner, sin encabezado redundante */
.ap-hero{margin-bottom:10px}
.catalog-section.catalog-section-compact{padding-top:0}
.catalog-section.catalog-section-compact .category-showcase-wrap{margin-top:0}
@media(max-width:700px){.ap-hero{margin-bottom:8px}.catalog-section.catalog-section-compact{padding-top:0}}

/* V35 · Hero público como una sola imagen HD */
.ap-hero.ap-hero-static{
  display:block;
  width:100%;
  min-height:0;
  margin:0 0 8px;
  padding:0;
  border-radius:20px;
  overflow:hidden;
  background:#020b18;
  line-height:0;
}
.ap-hero-static-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  object-position:center center;
}
@media(max-width:700px){
  .ap-hero.ap-hero-static{
    min-height:0;
    margin-bottom:6px;
    border-radius:14px;
  }
  .ap-hero-static-image{
    width:100%;
    height:auto;
    object-fit:contain;
  }
}
@media(max-width:420px){
  .ap-hero.ap-hero-static{border-radius:12px}
}

/* V36 · Banner más fino solo en escritorio; móvil conserva V35 */
@media (min-width:701px){
  .ap-hero.ap-hero-static{
    border-radius:20px;
  }
  .ap-hero-static-image{
    width:100%;
    height:clamp(240px,22vw,300px);
    object-fit:fill;
    object-position:center center;
  }
}


/* V37 · Fondo celeste premium para contenido público debajo del banner */
.ahorra-bg{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin:0 -48px -60px;
  padding:0 48px 54px;
  background:
    radial-gradient(ellipse at 0% 0%,rgba(0,174,255,.16) 0%,rgba(0,174,255,.06) 30%,transparent 55%),
    radial-gradient(ellipse at 100% 20%,rgba(0,190,255,.14) 0%,transparent 50%),
    radial-gradient(ellipse at 20% 100%,rgba(0,140,255,.10) 0%,transparent 48%),
    linear-gradient(180deg,#fff 0%,#f7fcff 48%,#edf9ff 100%);
}
.ahorra-bg::before{
  content:"";
  position:absolute;
  width:700px;
  height:260px;
  left:-250px;
  bottom:-120px;
  border-radius:50%;
  background:linear-gradient(110deg,rgba(0,183,255,.22),rgba(72,200,255,.08),transparent 75%);
  transform:rotate(-8deg);
  filter:blur(1px);
  z-index:-1;
}
.ahorra-bg::after{
  content:"";
  position:absolute;
  width:750px;
  height:290px;
  right:-290px;
  top:80px;
  border-radius:50%;
  background:linear-gradient(120deg,transparent 5%,rgba(47,185,255,.08),rgba(0,158,255,.18));
  transform:rotate(8deg);
  z-index:-1;
}
.ahorra-bg>.catalog-section,
.ahorra-bg>.combos-section,
.ahorra-bg>.how-section{position:relative;z-index:1}
.ahorra-bg>.combos-section{background:transparent}
.decoracion{
  position:absolute;
  z-index:0;
  width:90px;
  height:90px;
  opacity:.35;
  background-image:linear-gradient(45deg,#00bfff 25%,transparent 25%),linear-gradient(-45deg,#00bfff 25%,transparent 25%);
  background-size:22px 22px;
  transform:rotate(12deg);
  pointer-events:none;
}
.decoracion-1{left:15px;top:130px}
.decoracion-2{right:20px;bottom:80px}
.puntos{
  position:absolute;
  width:110px;
  height:80px;
  z-index:0;
  opacity:.25;
  background-image:radial-gradient(circle,#008cff 2.5px,transparent 3px);
  background-size:15px 15px;
  pointer-events:none;
}
.puntos-1{right:45px;top:40px}
.puntos-2{left:45px;bottom:35px}
@media(max-width:820px){
  .ahorra-bg{margin:0 -13px -60px;padding:0 13px 46px}
}
@media(max-width:768px){
  .ahorra-bg::before{width:480px;height:200px;left:-260px;bottom:-100px}
  .ahorra-bg::after{width:500px;height:220px;right:-280px;top:120px}
  .decoracion{width:70px;height:70px;background-size:18px 18px;opacity:.25}
  .puntos{width:80px;height:60px;background-size:13px 13px;opacity:.20}
}


/* V38 · Fondo público según referencia: ondas, play flotante e iconografía limpia */
.ahorra-bg{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin:0 -48px -60px;
  padding:18px 48px 58px;
  background:
    radial-gradient(ellipse at 8% 16%,rgba(83,200,255,.26),transparent 31%),
    radial-gradient(ellipse at 92% 26%,rgba(91,207,255,.24),transparent 34%),
    radial-gradient(ellipse at 18% 88%,rgba(122,218,255,.20),transparent 30%),
    linear-gradient(180deg,#fff 0%,#f9fdff 23%,#eefaff 66%,#fbfeff 100%);
}
.ahorra-bg::before,
.ahorra-bg::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  border:2px solid rgba(44,183,245,.16);
  background:linear-gradient(135deg,rgba(129,221,255,.26),rgba(211,244,255,.12));
  box-shadow:inset 0 0 46px rgba(255,255,255,.65),0 18px 55px rgba(63,178,231,.08);
}
.ahorra-bg::before{
  width:760px;height:330px;left:-405px;top:58px;border-radius:46% 54% 58% 42%;transform:rotate(-14deg);
}
.ahorra-bg::after{
  width:790px;height:350px;right:-445px;top:154px;border-radius:54% 46% 42% 58%;transform:rotate(15deg);
}
.ahorra-bg>.catalog-section,
.ahorra-bg>.combos-section,
.ahorra-bg>.how-section{position:relative;z-index:3}
.ahorra-bg>.combos-section{background:rgba(240,250,255,.44);backdrop-filter:blur(2px)}
.decoracion{position:absolute;z-index:1;width:106px;height:82px;opacity:.28;pointer-events:none;background:none;transform:none}
.decoracion::before,.decoracion::after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#3bc7f5 25%,transparent 25%,transparent 75%,#3bc7f5 75%),linear-gradient(45deg,#3bc7f5 25%,transparent 25%,transparent 75%,#3bc7f5 75%);background-position:0 0,12px 12px;background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 92%)}
.decoracion-1{left:7px;top:108px;transform:rotate(-16deg)}
.decoracion-2{right:4px;bottom:104px;transform:rotate(15deg)}
.puntos{position:absolute;z-index:1;width:120px;height:90px;opacity:.25;pointer-events:none;background-image:radial-gradient(circle,#28bdf0 2px,transparent 2.6px);background-size:14px 14px}
.puntos-1{right:34px;top:300px}.puntos-2{left:30px;bottom:52px}
.bg-play{position:absolute;z-index:1;width:96px;height:96px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(191,237,255,.58));border:1px solid rgba(68,183,232,.22);box-shadow:0 18px 40px rgba(65,166,212,.14),inset 0 1px 0 rgba(255,255,255,.9);display:grid;place-items:center;pointer-events:none}
.bg-play span{width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:28px solid rgba(26,183,232,.40);margin-left:7px;filter:drop-shadow(0 4px 8px rgba(0,144,204,.12))}
.bg-play-left{left:-34px;top:34px;transform:rotate(-12deg)}
.bg-play-right{right:-35px;top:232px;transform:rotate(13deg)}

/* Categorías con apariencia de tarjetas e iconos limpios */
.category-showcase-wrap{margin:0 0 18px}
.category-showcase{display:grid;grid-template-columns:repeat(10,minmax(74px,1fr));gap:8px;overflow:visible;border:0;padding:0}
.category-tile{min-width:0;min-height:74px;flex:none;border:1px solid #dceaf3;background:rgba(255,255,255,.93);border-radius:11px;padding:9px 5px 10px;gap:5px;box-shadow:0 4px 14px rgba(44,107,145,.045)}
.category-tile:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(29,125,177,.10)}
.category-tile::after{display:none}
.category-tile.active{background:linear-gradient(180deg,#eef9ff,#fff);border-color:#8cd5f5;box-shadow:0 6px 18px rgba(24,157,220,.12)}
.category-tile-icon{width:29px;height:29px;color:#142b3d}
.category-tile-icon svg,.category-tile-icon img{width:29px;height:29px}
.category-tile strong{font-size:8.5px;color:#182838;font-weight:700}
.category-tile.active .category-tile-icon,.category-tile.active strong{color:#129cde}
.result-count{bottom:-14px}

/* Combos visualmente más cercanos a la referencia */
.combos-section{margin:16px -16px 0;padding:14px 52px 17px;border-top:1px solid rgba(79,182,229,.11);border-bottom:1px solid rgba(79,182,229,.11)}
.combo-card{overflow:hidden;border-color:#d9ebf5;box-shadow:0 7px 18px rgba(35,107,146,.06)}
.combo-card::after{content:"";position:absolute;right:-14px;bottom:-18px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(130,202,255,.14),transparent 66%);pointer-events:none}
.combo-card:nth-child(2)::after{background:radial-gradient(circle,rgba(173,131,244,.16),transparent 66%)}
.combo-card:nth-child(3)::after{background:radial-gradient(circle,rgba(95,210,164,.16),transparent 66%)}

/* Cómo comprar con iconos vectoriales */
.how-section{padding-top:16px}
.how-steps article{background:rgba(255,255,255,.58);border:1px solid rgba(215,233,243,.8);border-radius:10px;padding:8px 10px}
.how-steps article+article{border-left:1px solid rgba(215,233,243,.8)}
.how-icon{width:28px;height:28px;display:grid;place-items:center;color:#1397d8}
.how-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1100px){
  .category-showcase{grid-template-columns:repeat(5,minmax(78px,1fr))}
}
@media(max-width:820px){
  .ahorra-bg{margin:0 -13px -60px;padding:14px 13px 46px}
  .ahorra-bg::before{width:520px;height:250px;left:-330px;top:60px}
  .ahorra-bg::after{width:540px;height:260px;right:-350px;top:210px}
  .bg-play{width:72px;height:72px;border-radius:18px;opacity:.72}.bg-play span{border-top-width:13px;border-bottom-width:13px;border-left-width:21px}
  .bg-play-left{left:-28px;top:70px}.bg-play-right{right:-28px;top:310px}
  .decoracion{width:80px;height:64px;opacity:.20}.puntos{width:82px;height:64px;opacity:.18}
  .category-showcase{grid-template-columns:repeat(5,minmax(64px,1fr));gap:6px}
  .category-tile{min-height:70px;padding:8px 4px}.category-tile strong{font-size:8px}
  .combos-section{margin:14px -13px 0;padding:14px 20px}
}
@media(max-width:560px){
  .category-showcase{display:flex;gap:6px;overflow-x:auto;padding:0 1px 6px;scrollbar-width:none}
  .category-showcase::-webkit-scrollbar{display:none}
  .category-tile{flex:0 0 78px;min-height:72px}
  .bg-play{opacity:.50}.decoracion,.puntos{opacity:.14}
  .how-steps article+article{border-left:1px solid rgba(215,233,243,.8)}
}


/* V39 · Fondo público de borde a borde en cualquier pantalla */
body:not(.admin-page) .ahorra-bg{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-bottom:-60px;
  padding-left:max(48px, calc((100vw - 1264px)/2));
  padding-right:max(48px, calc((100vw - 1264px)/2));
}
@media(max-width:820px){
  body:not(.admin-page) .ahorra-bg{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding-left:13px;
    padding-right:13px;
  }
}
@media(max-width:560px){
  body:not(.admin-page) .ahorra-bg{
    padding-left:12px;
    padding-right:12px;
  }
}


/* V40 · El fondo público comienza inmediatamente debajo del header y continúa por toda la página */
body:not(.admin-page) .ahorra-bg>.ap-hero{position:relative;z-index:3;margin-top:0}
body:not(.admin-page) .ahorra-bg{padding-top:18px}
@media(max-width:820px){body:not(.admin-page) .ahorra-bg{padding-top:12px}}


/* V41 · Navegación pública tipo cápsula */
body:not(.admin-page) .site-header{
  background:rgba(247,251,255,.93);
  border-bottom:1px solid rgba(207,226,240,.78);
  box-shadow:0 5px 24px rgba(31,75,108,.055);
  backdrop-filter:blur(16px) saturate(135%);
}
body:not(.admin-page) .header-inner{
  max-width:1360px;
  min-height:76px;
  padding:8px 18px;
  gap:16px;
}
body:not(.admin-page) .brand{height:54px}
body:not(.admin-page) .brand .official-logo{width:172px;height:50px}
body:not(.admin-page) .header-nav-shell{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:5px 7px;
  border:1px solid rgba(205,226,240,.88);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,251,255,.77));
  box-shadow:0 8px 28px rgba(37,92,131,.07),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
}
body:not(.admin-page) .main-nav{
  display:flex;
  align-items:center;
  gap:4px;
  margin:0;
  min-width:0;
}
body:not(.admin-page) .main-nav .nav-visual-item{
  position:relative;
  min-width:92px;
  height:54px;
  padding:5px 10px 6px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#20364b;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  line-height:1;
  font-size:10.5px;
  font-weight:600;
  white-space:nowrap;
  box-shadow:none;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body:not(.admin-page) .main-nav .nav-visual-item::after{display:none!important}
body:not(.admin-page) .main-nav .nav-visual-item:hover{
  background:rgba(233,246,255,.88);
  color:#087fc8;
  transform:translateY(-1px);
  filter:none;
}
body:not(.admin-page) .main-nav .nav-visual-item.active{
  color:#0b8fe5;
  background:linear-gradient(180deg,#eef9ff 0%,#dff3ff 100%);
  box-shadow:0 7px 18px rgba(11,144,226,.13),inset 0 0 0 1px rgba(101,190,240,.22);
}
body:not(.admin-page) .nav-visual-icon{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  color:currentColor;
}
body:not(.admin-page) .nav-visual-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body:not(.admin-page) .nav-visual-label{display:block}
body:not(.admin-page) .main-nav .nav-subscriptions{
  min-width:116px;
  color:#18784e;
  background:linear-gradient(180deg,#effcf5 0%,#e2f8ec 100%);
  box-shadow:inset 0 0 0 1px rgba(43,165,103,.18);
}
body:not(.admin-page) .main-nav .nav-subscriptions:hover,
body:not(.admin-page) .main-nav .nav-subscriptions.active{
  color:#0f6f44;
  background:linear-gradient(180deg,#e3f9ed 0%,#d2f3e1 100%);
  box-shadow:0 7px 18px rgba(34,143,85,.11),inset 0 0 0 1px rgba(34,143,85,.25);
}
body:not(.admin-page) .nav-crown{
  position:absolute;
  right:8px;
  top:4px;
  width:13px;
  height:13px;
  color:#20a568;
}
body:not(.admin-page) .nav-crown svg{
  width:13px;
  height:13px;
  fill:rgba(52,194,119,.14);
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body:not(.admin-page) .header-search{
  flex:1 1 240px;
  min-width:180px;
  max-width:310px;
  width:auto;
  height:44px;
  margin-left:auto;
  border:1px solid rgba(202,224,239,.9);
  border-radius:18px;
  background:rgba(237,247,253,.84);
  padding:0 14px;
}
body:not(.admin-page) .header-search:focus-within{
  background:#fff;
  border-color:#8fcff3;
  box-shadow:0 0 0 3px rgba(82,183,239,.12);
}
body:not(.admin-page) .header-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
  padding:4px;
  border:1px solid rgba(205,226,240,.8);
  border-radius:20px;
  background:rgba(255,255,255,.78);
  box-shadow:0 7px 24px rgba(31,75,108,.055);
}
body:not(.admin-page) .header-icon{width:40px;height:40px;border-radius:14px}
body:not(.admin-page) .account-button{
  min-width:118px;
  height:44px;
  padding:4px 10px 4px 5px;
  border:1px solid rgba(20,83,126,.22);
  border-radius:17px;
  background:rgba(255,255,255,.72);
}
body:not(.admin-page) .account-button:hover{background:#f2f9fd}

@media(max-width:1050px){
  body:not(.admin-page) .header-inner{gap:10px}
  body:not(.admin-page) .brand .official-logo{width:150px;height:44px}
  body:not(.admin-page) .main-nav .nav-visual-item{min-width:82px;padding-inline:7px}
  body:not(.admin-page) .main-nav .nav-subscriptions{min-width:105px}
  body:not(.admin-page) .header-search{max-width:230px;min-width:150px}
  body:not(.admin-page) .account-button{min-width:100px}
}
@media(max-width:820px){
  body:not(.admin-page) .header-inner{padding:6px 12px;flex-wrap:wrap}
  body:not(.admin-page) .brand{height:44px}
  body:not(.admin-page) .brand .official-logo{width:140px;height:41px}
  body:not(.admin-page) .header-actions{margin-left:auto}
  body:not(.admin-page) .header-nav-shell{
    order:3;
    flex-basis:100%;
    width:100%;
    overflow-x:auto;
    justify-content:flex-start;
    padding:5px;
    border-radius:19px;
    scrollbar-width:none;
  }
  body:not(.admin-page) .header-nav-shell::-webkit-scrollbar{display:none}
  body:not(.admin-page) .main-nav{flex:0 0 auto;border:0;width:auto;overflow:visible}
  body:not(.admin-page) .main-nav .nav-visual-item{min-width:88px;height:50px;padding:4px 8px 5px;font-size:10px}
  body:not(.admin-page) .main-nav .nav-subscriptions{min-width:112px}
  body:not(.admin-page) .header-search{flex:0 0 210px;min-width:210px;max-width:210px;height:40px;margin-left:4px}
}
@media(max-width:560px){
  body:not(.admin-page) .site-header{background:rgba(250,253,255,.97)}
  body:not(.admin-page) .header-inner{gap:6px;padding:5px 9px}
  body:not(.admin-page) .brand .official-logo{width:132px;height:39px}
  body:not(.admin-page) .header-actions{padding:2px;gap:2px;border-radius:16px}
  body:not(.admin-page) .header-icon{width:35px;height:35px}
  body:not(.admin-page) .account-button{min-width:38px;width:38px;height:38px;padding:2px;border:0;background:transparent}
  body:not(.admin-page) .account-copy,body:not(.admin-page) .account-chevron{display:none}
  body:not(.admin-page) .account-avatar{width:32px;height:32px}
  body:not(.admin-page) .header-nav-shell{gap:7px}
  body:not(.admin-page) .main-nav .nav-visual-item{min-width:80px;height:48px;font-size:9.5px}
  body:not(.admin-page) .main-nav .nav-subscriptions{min-width:105px}
  body:not(.admin-page) .nav-visual-icon{width:20px;height:20px}
  body:not(.admin-page) .nav-visual-icon svg{width:18px;height:18px}
  body:not(.admin-page) .header-search{flex:0 0 175px;min-width:175px;max-width:175px;height:38px}
  body:not(.admin-page) .header-search input{font-size:10px}
}

/* Ajuste de orden móvil V41: navegación antes del buscador */
@media(max-width:820px){
  body:not(.admin-page) .main-nav{order:0!important}
  body:not(.admin-page) .header-search{order:1!important}
}
@media(max-width:560px){
  body:not(.admin-page) .header-search{order:1!important;width:175px!important}
}

/* V42 · Barra pública inspirada en referencia: sin cuadros por opción, brillo al hover y arte sutil en esquinas */
body:not(.admin-page) .header-nav-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(215,231,243,.72);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(244,250,255,.65));
  box-shadow:0 10px 30px rgba(38,84,118,.06),inset 0 1px 0 rgba(255,255,255,.92);
}
body:not(.admin-page) .header-nav-shell::before,
body:not(.admin-page) .header-nav-shell::after{
  content:"";
  position:absolute;
  top:-22px;
  width:165px;
  height:108px;
  pointer-events:none;
  opacity:.12;
  filter:saturate(1.2) contrast(1.05);
  z-index:0;
  background-image:url('/assets/hero-streaming-premium-v48.webp');
  background-size:460px auto;
  background-repeat:no-repeat;
}
body:not(.admin-page) .header-nav-shell::before{
  left:-35px;
  background-position:left center;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 48%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 48%,transparent 100%);
}
body:not(.admin-page) .header-nav-shell::after{
  right:-35px;
  background-position:right center;
  -webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.72) 48%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.72) 48%,transparent 100%);
}
body:not(.admin-page) .main-nav,
body:not(.admin-page) .header-search{
  position:relative;
  z-index:1;
}
body:not(.admin-page) .main-nav{gap:8px}
body:not(.admin-page) .main-nav .nav-visual-item{
  min-width:92px;
  height:54px;
  padding:5px 10px 6px;
  border:0!important;
  border-radius:15px;
  background:transparent!important;
  box-shadow:none!important;
  color:#263b4f;
  transform:none;
  overflow:visible;
  transition:color .18s ease,transform .18s ease,text-shadow .18s ease;
}
body:not(.admin-page) .main-nav .nav-visual-item::before{
  content:"";
  position:absolute;
  inset:4px 3px;
  border-radius:14px;
  opacity:0;
  transform:scale(.9);
  background:radial-gradient(circle at 50% 45%,rgba(74,187,255,.24) 0%,rgba(74,187,255,.11) 44%,transparent 78%);
  box-shadow:0 0 18px rgba(51,168,238,.10);
  transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;
  pointer-events:none;
  z-index:-1;
}
body:not(.admin-page) .main-nav .nav-visual-item:hover{
  background:transparent!important;
  box-shadow:none!important;
  color:#0788d7;
  transform:translateY(-1px);
  filter:none;
}
body:not(.admin-page) .main-nav .nav-visual-item:hover::before{
  opacity:1;
  transform:scale(1);
  box-shadow:0 0 24px rgba(34,164,239,.18);
}
body:not(.admin-page) .main-nav .nav-visual-item.active{
  background:transparent!important;
  box-shadow:none!important;
  color:#0b94ea;
  text-shadow:0 0 14px rgba(26,160,239,.12);
}
body:not(.admin-page) .main-nav .nav-visual-item.active::before{
  opacity:.92;
  transform:scale(1);
  background:radial-gradient(circle at 50% 45%,rgba(93,198,255,.26) 0%,rgba(93,198,255,.12) 46%,transparent 78%);
  box-shadow:0 0 25px rgba(34,164,239,.15);
}
body:not(.admin-page) .main-nav .nav-subscriptions{
  min-width:116px;
  color:#1b8a59;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.admin-page) .main-nav .nav-subscriptions::before{
  background:radial-gradient(circle at 50% 45%,rgba(70,210,139,.24) 0%,rgba(70,210,139,.11) 45%,transparent 78%);
}
body:not(.admin-page) .main-nav .nav-subscriptions:hover,
body:not(.admin-page) .main-nav .nav-subscriptions.active{
  color:#118051;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.admin-page) .main-nav .nav-subscriptions:hover::before,
body:not(.admin-page) .main-nav .nav-subscriptions.active::before{
  opacity:1;
  transform:scale(1);
  box-shadow:0 0 24px rgba(46,173,111,.16);
}
body:not(.admin-page) .nav-crown{
  right:9px;
  top:2px;
  color:#27a96e;
  filter:drop-shadow(0 2px 5px rgba(32,165,104,.18));
}
body:not(.admin-page) .header-search{
  background:rgba(242,249,253,.72);
  border-color:rgba(205,226,240,.72);
  box-shadow:none;
}

@media(max-width:820px){
  body:not(.admin-page) .header-nav-shell::before,
  body:not(.admin-page) .header-nav-shell::after{
    width:120px;
    height:92px;
    top:-18px;
    opacity:.10;
    background-size:390px auto;
  }
  body:not(.admin-page) .main-nav{gap:4px}
}
@media(max-width:560px){
  body:not(.admin-page) .header-nav-shell::before,
  body:not(.admin-page) .header-nav-shell::after{
    width:88px;
    height:76px;
    opacity:.08;
    background-size:330px auto;
  }
  body:not(.admin-page) .main-nav .nav-visual-item::before{inset:5px 5px}
}

/* V43 · Ajustes finales de navegación y categorías en móvil */
/* Barra limpia: sin imágenes decorativas en las esquinas */
body:not(.admin-page) .header-nav-shell::before,
body:not(.admin-page) .header-nav-shell::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Buscador más visible en todos los tamaños */
body:not(.admin-page) .header-search{
  border-color:rgba(155,204,232,.98)!important;
  background:rgba(247,252,255,.96)!important;
  box-shadow:inset 0 0 0 1px rgba(192,224,242,.42)!important;
}
body:not(.admin-page) .header-search:focus-within{
  border-color:#76c6ef!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(61,172,234,.12),inset 0 0 0 1px rgba(119,198,239,.22)!important;
}

/* Solo teléfono: logo + buscador + cuenta arriba; navegación debajo */
@media(max-width:560px){
  body:not(.admin-page) .header-inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:
      "brand search actions"
      "nav nav nav";
    align-items:center;
    column-gap:8px;
    row-gap:6px;
    padding:6px 9px 7px!important;
  }
  body:not(.admin-page) .brand{
    grid-area:brand;
    height:38px!important;
    min-width:0;
  }
  body:not(.admin-page) .brand .official-logo{
    width:108px!important;
    height:34px!important;
  }
  body:not(.admin-page) .header-actions{
    grid-area:actions;
    margin:0!important;
    padding:1px!important;
    gap:2px!important;
    border-radius:15px!important;
  }
  body:not(.admin-page) .header-icon{
    width:34px!important;
    height:34px!important;
  }
  body:not(.admin-page) .account-button{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:1px!important;
  }
  body:not(.admin-page) .account-avatar{
    width:30px!important;
    height:30px!important;
  }

  /* El contenedor deja que sus hijos participen directamente en la grilla móvil */
  body:not(.admin-page) .header-nav-shell{
    display:contents!important;
  }
  body:not(.admin-page) .header-search{
    grid-area:search;
    order:initial!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:37px!important;
    margin:0!important;
    padding:0 9px!important;
    border-width:1.5px!important;
    border-radius:16px!important;
  }
  body:not(.admin-page) .header-search input{
    min-width:0;
    font-size:10.5px!important;
    padding:8px 0!important;
  }
  body:not(.admin-page) .header-search .search-icon{
    font-size:18px;
  }

  body:not(.admin-page) .main-nav{
    grid-area:nav;
    order:initial!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:3px!important;
    padding:4px 6px!important;
    overflow:visible!important;
    border:1px solid rgba(214,231,243,.82)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(245,251,255,.75))!important;
    box-shadow:0 8px 24px rgba(37,92,131,.055),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  body:not(.admin-page) .main-nav .nav-visual-item,
  body:not(.admin-page) .main-nav .nav-subscriptions{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    padding:4px 3px 5px!important;
    font-size:9.4px!important;
    border-radius:14px!important;
  }
  body:not(.admin-page) .main-nav .nav-subscriptions .nav-visual-label{
    white-space:normal;
    line-height:1.05;
    text-align:center;
  }
  body:not(.admin-page) .nav-crown{
    right:6px!important;
    top:1px!important;
  }

  /* Cinco categorías completas y del mismo tamaño; el resto se descubre deslizando */
  body:not(.admin-page) .category-showcase-wrap{
    position:relative;
    width:100%;
    overflow:visible;
  }
  body:not(.admin-page) .category-showcase{
    display:flex!important;
    width:100%;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 8px!important;
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  body:not(.admin-page) .category-showcase::-webkit-scrollbar{display:none!important}
  body:not(.admin-page) .category-tile{
    flex:0 0 calc((100% - 24px)/5)!important;
    width:calc((100% - 24px)/5)!important;
    min-width:0!important;
    max-width:none!important;
    min-height:76px!important;
    padding:7px 2px 8px!important;
    scroll-snap-align:start;
  }
  body:not(.admin-page) .category-tile-icon{
    width:26px!important;
    height:26px!important;
  }
  body:not(.admin-page) .category-tile-icon svg,
  body:not(.admin-page) .category-tile-icon img{
    width:26px!important;
    height:26px!important;
  }
  body:not(.admin-page) .category-tile strong{
    display:block;
    width:100%;
    font-size:7.1px!important;
    line-height:1.12!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:anywhere;
  }
  body:not(.admin-page) .category-showcase-wrap::after{
    content:"›";
    position:absolute;
    right:-7px;
    top:20px;
    z-index:7;
    width:25px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(124,199,236,.70);
    border-radius:17px;
    background:rgba(255,255,255,.94);
    color:#149bdc;
    font-size:24px;
    font-weight:600;
    line-height:1;
    box-shadow:0 5px 16px rgba(28,136,190,.14);
    pointer-events:none;
  }
}

@media(max-width:380px){
  body:not(.admin-page) .brand .official-logo{width:98px!important;height:31px!important}
  body:not(.admin-page) .header-inner{column-gap:6px}
  body:not(.admin-page) .header-search input{font-size:9.6px!important}
  body:not(.admin-page) .main-nav .nav-visual-item,
  body:not(.admin-page) .main-nav .nav-subscriptions{font-size:8.8px!important}
  body:not(.admin-page) .category-tile strong{font-size:6.7px!important}
}


/* V45 · Navegación limpia: hover solo en icono y estado activo único */
body:not(.admin-page) .main-nav .nav-visual-item,
body:not(.admin-page) .main-nav .nav-subscriptions{
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
body:not(.admin-page) .main-nav .nav-visual-item::before,
body:not(.admin-page) .main-nav .nav-subscriptions::before{
  display:none!important;
  content:none!important;
}
body:not(.admin-page) .main-nav .nav-visual-item{
  color:#26384b!important;
  transition:transform .16s ease!important;
}
body:not(.admin-page) .main-nav .nav-visual-item .nav-visual-icon,
body:not(.admin-page) .main-nav .nav-visual-item .nav-visual-label{
  transition:color .16s ease,filter .16s ease,transform .16s ease;
}
body:not(.admin-page) .main-nav .nav-visual-item:hover{
  color:#26384b!important;
  transform:translateY(-1px)!important;
}
body:not(.admin-page) .main-nav .nav-visual-item:hover .nav-visual-icon{
  color:#119fe9!important;
  filter:drop-shadow(0 2px 5px rgba(17,159,233,.18));
  transform:translateY(-1px);
}
body:not(.admin-page) .main-nav .nav-visual-item:hover .nav-visual-label{
  color:#26384b!important;
}
body:not(.admin-page) .main-nav .nav-visual-item.active{
  color:#0b94ea!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.admin-page) .main-nav .nav-visual-item.active .nav-visual-icon,
body:not(.admin-page) .main-nav .nav-visual-item.active .nav-visual-label{
  color:#0b94ea!important;
}
body:not(.admin-page) .main-nav .nav-visual-item.active .nav-visual-icon{
  filter:drop-shadow(0 2px 6px rgba(11,148,234,.20));
}

/* Mis suscripciones conserva identidad verde, sin fondo */
body:not(.admin-page) .main-nav .nav-subscriptions,
body:not(.admin-page) .main-nav .nav-subscriptions:hover,
body:not(.admin-page) .main-nav .nav-subscriptions.active{
  color:#168b59!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.admin-page) .main-nav .nav-subscriptions .nav-visual-icon,
body:not(.admin-page) .main-nav .nav-subscriptions .nav-visual-label,
body:not(.admin-page) .main-nav .nav-subscriptions .nav-crown{
  color:#168b59!important;
}
body:not(.admin-page) .main-nav .nav-subscriptions:hover .nav-visual-icon,
body:not(.admin-page) .main-nav .nav-subscriptions:hover .nav-visual-label,
body:not(.admin-page) .main-nav .nav-subscriptions:hover .nav-crown,
body:not(.admin-page) .main-nav .nav-subscriptions.active .nav-visual-icon,
body:not(.admin-page) .main-nav .nav-subscriptions.active .nav-visual-label,
body:not(.admin-page) .main-nav .nav-subscriptions.active .nav-crown{
  color:#0aa761!important;
}
body:not(.admin-page) .main-nav .nav-subscriptions .nav-visual-icon{
  filter:drop-shadow(0 2px 5px rgba(10,167,97,.14));
}

@media (hover:none), (pointer:coarse){
  body:not(.admin-page) .main-nav .nav-visual-item:hover{
    transform:none!important;
  }
  body:not(.admin-page) .main-nav .nav-visual-item:hover .nav-visual-icon{
    color:inherit!important;
    filter:none!important;
    transform:none!important;
  }
  body:not(.admin-page) .main-nav .nav-subscriptions:hover .nav-visual-icon,
  body:not(.admin-page) .main-nav .nav-subscriptions:hover .nav-visual-label,
  body:not(.admin-page) .main-nav .nav-subscriptions:hover .nav-crown{
    color:#168b59!important;
  }
}


/* V46 · Correcciones de compatibilidad, hero premium y Luvi compacto */
/* 1) Evita el flash negro del selector de modalidad en algunos navegadores/equipos. */
#buy-mode,
.form-field select{
  color-scheme:light;
  background-color:#fff!important;
  color:#192822!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  -webkit-transform:none!important;
  transform:none!important;
}
#buy-mode option,
.form-field select option{
  background:#fff!important;
  color:#192822!important;
}

/* 2) La nueva cabecera conserva su proporción original y nunca se deforma. */
.ap-hero.ap-hero-static{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  background:#f4fbff;
}
.ap-hero-static-image{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
}

/* 3) Luvi: panel ligeramente más fino y sin espacio blanco sobrante bajo el botón. */
.support-widget-panel{
  width:min(392px,calc(100vw - 28px));
  height:548px;
  max-height:calc(100vh - 104px);
}
.support-welcome-luvy{
  padding:13px 13px 12px;
}
.support-welcome-scene{
  min-height:342px;
}
.support-welcome-card{
  padding:20px 15px 14px;
}
.support-welcome-luvy .support-start-button{
  min-height:46px;
  margin-top:10px;
}
.support-welcome-luvy>small{
  display:none!important;
}
@media(max-width:640px){
  .support-widget-panel{
    width:calc(100vw - 24px);
    height:min(548px,calc(100vh - 88px));
  }
  .support-welcome-luvy{padding:12px 12px 10px}
  .support-welcome-scene{min-height:326px;grid-template-columns:40% 60%}
  .support-welcome-card{padding:18px 12px 12px}
  .support-welcome-luvy .support-start-button{min-height:45px;margin-top:9px}
}


/* V47 · Corrección real del selector, cabecera nítida y Luvi sin espacio sobrante */
/* El selector de modalidad deja de depender del menú nativo del SO/navegador. */
.ap-mode-select{display:block;width:100%;margin-top:6px}
.ap-mode-trigger{width:100%;min-height:54px;border:1.5px solid #14a5ee;border-radius:11px;background:#fff;color:#192822;padding:8px 13px 8px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}
.ap-mode-trigger:hover{filter:none;border-color:#0b94df;background:#fff}
.ap-mode-trigger:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(20,165,238,.14)}
.ap-mode-trigger>span{display:flex;align-items:baseline;gap:5px;min-width:0}.ap-mode-trigger strong{font-size:16px;font-weight:500;white-space:nowrap}.ap-mode-trigger small{font-size:13px;color:#627789;white-space:nowrap}.ap-mode-trigger svg{width:20px;height:20px;fill:none;stroke:#1d3347;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;transition:transform .15s ease}.ap-mode-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.ap-mode-menu{margin-top:6px;border:1px solid #d8e5ee;border-radius:11px;background:#fff;padding:5px;box-shadow:0 12px 28px rgba(20,55,82,.12);max-height:220px;overflow:auto;color-scheme:light}
.ap-mode-option{width:100%;min-height:46px;border:0;border-radius:8px;background:#fff;color:#203548;padding:7px 9px;display:grid;grid-template-columns:1fr auto 20px;align-items:center;gap:8px;text-align:left;transition:background .12s ease,color .12s ease}
.ap-mode-option:hover{filter:none;background:#f0f9ff}.ap-mode-option.active{background:#e9f7ff;color:#087fc3}.ap-mode-option span{font-weight:600}.ap-mode-option small{color:#6f8292;font-size:12px}.ap-mode-option b{text-align:center;color:#0a9be8;font-size:14px}

/* La imagen original tenía transparencia/artefactos exteriores; V47 usa un recorte limpio y alpha de alta calidad. */
.ap-hero.ap-hero-static{display:block;width:100%;height:auto;min-height:0;margin:0 0 8px;padding:0;border-radius:18px;overflow:hidden;background:transparent;line-height:0}
.ap-hero-static-image{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;aspect-ratio:auto!important;image-rendering:auto}
@media(min-width:701px){.ap-hero.ap-hero-static{border-radius:18px}.ap-hero-static-image{width:100%!important;height:auto!important;object-fit:contain!important}}
@media(max-width:700px){.ap-hero.ap-hero-static{border-radius:13px;margin-bottom:6px}.ap-hero-static-image{width:100%!important;height:auto!important;object-fit:contain!important}}

/* Luvi: la pantalla inicial adopta la altura real de su contenido; ya no reserva una franja blanca vacía. */
.support-widget-panel.landing{width:min(370px,calc(100vw - 28px));height:auto!important;max-height:calc(100vh - 92px);grid-template-rows:auto auto;overflow:hidden}
.support-widget-panel.landing .support-widget-body{min-height:0;overflow:visible;background:#f8fbfe}
.support-widget-panel.landing .support-welcome{height:auto!important;min-height:0!important;justify-content:flex-start;padding:11px 11px 10px}
.support-widget-panel.landing .support-welcome-scene{min-height:300px;height:300px;grid-template-columns:41% 59%;border-radius:15px}
.support-widget-panel.landing .support-welcome-card{padding:15px 11px 10px;gap:6px}
.support-widget-panel.landing .support-welcome-card h3{font-size:14px;line-height:1.18;margin-bottom:8px}
.support-widget-panel.landing .support-welcome-card p{font-size:9.8px;line-height:1.48;margin-bottom:9px}
.support-widget-panel.landing .support-welcome-card h4{font-size:13px;line-height:1.2}
.support-widget-panel.landing .support-welcome-mini-avatar{width:24px;height:24px;flex-basis:24px}
.support-widget-panel.landing .support-start-button{min-height:43px;margin-top:9px;border-radius:12px}
.support-widget-panel.landing .support-welcome-luvy>small{display:none!important;margin:0!important;height:0!important}
@media(max-width:640px){
 .support-widget-panel.landing{width:calc(100vw - 20px);height:auto!important;max-height:calc(100vh - 76px);bottom:60px}
 .support-widget-panel.landing>header{min-height:62px;padding:10px 11px}
 .support-widget-panel.landing .support-welcome{padding:9px 9px 8px}
 .support-widget-panel.landing .support-welcome-scene{height:285px;min-height:285px;grid-template-columns:40% 60%}
 .support-widget-panel.landing .support-welcome-card{padding:13px 9px 9px}
 .support-widget-panel.landing .support-welcome-card h3{font-size:13.3px}
 .support-widget-panel.landing .support-welcome-card p{font-size:9.3px}
 .support-widget-panel.landing .support-welcome-card h4{font-size:12.4px}
 .support-widget-panel.landing .support-start-button{min-height:42px;margin-top:8px}
}

/* V48 · Hero con recorte exacto indicado por el usuario */
.ap-hero.ap-hero-static{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  background:transparent!important;
  line-height:0!important;
  border-radius:18px!important;
}
.ap-hero-static-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  aspect-ratio:1262/305!important;
  image-rendering:auto!important;
}
@media(max-width:700px){
  .ap-hero.ap-hero-static{border-radius:12px!important;margin-bottom:6px!important}
  .ap-hero-static-image{width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:1262/305!important}
}


/* V49 · Tarjeta principal de producto tipo showcase */
.products{grid-template-columns:1fr!important;gap:20px!important}
.product-showcase{position:relative;min-height:430px;border-radius:28px!important;overflow:hidden;background:var(--card-bg,#10131d);border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 20px 50px rgba(12,35,56,.16)!important;color:#fff;isolation:isolate}
.product-showcase:hover{transform:translateY(-2px)!important;box-shadow:0 26px 64px rgba(12,35,56,.22)!important}
.product-showcase-image,.product-showcase-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.product-showcase-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--card-bg,#191d28),#080b12);color:var(--card-fg,#fff)}
.product-showcase-fallback .brand-mark{font-size:110px;opacity:.42;transform:translateX(23%)}
.product-showcase-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,9,18,.96) 0%,rgba(6,10,18,.91) 36%,rgba(6,10,18,.48) 60%,rgba(6,10,18,.12) 100%),linear-gradient(0deg,rgba(2,5,11,.38),transparent 50%)}
.product-showcase-copy{position:relative;z-index:2;width:min(650px,62%);min-height:430px;padding:36px 40px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.product-showcase-badge{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#ff5b70,#ff2f4d);color:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(255,47,77,.22);margin-bottom:16px}
.product-showcase h3{font-size:clamp(48px,6vw,82px)!important;line-height:.94;margin:0 0 8px!important;color:#fff!important;letter-spacing:-3px!important;font-weight:800!important}
.product-showcase h4{font-size:clamp(22px,2.4vw,34px);line-height:1.05;margin:0 0 14px;color:#f8fafc;font-weight:500;letter-spacing:-.6px}
.product-showcase-description{max-width:520px;margin:0 0 12px;color:#cbd5e1;font-size:15px;line-height:1.52}
.product-showcase-price{display:flex;align-items:baseline;gap:8px;margin:7px 0 16px}.product-showcase-price strong{font-size:clamp(34px,4.2vw,52px);line-height:1;color:#fff;letter-spacing:-2px}.product-showcase-price span{font-size:16px;color:#cbd5e1;font-weight:600}
.product-showcase-features{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.product-showcase-features>span{display:flex;align-items:center;gap:9px;min-width:150px;max-width:190px;padding:10px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(18,28,48,.64);backdrop-filter:blur(8px);color:#fff}.product-showcase-features i{width:27px;height:27px;display:grid;place-items:center;color:#fff;flex:0 0 auto}.product-showcase-features i svg{width:24px;height:24px;display:block}.product-showcase-features b{font-size:11px;line-height:1.2;font-weight:650}
.product-showcase-actions{display:flex;gap:12px;align-items:center}.product-showcase-primary{min-width:180px;min-height:52px;border-radius:15px!important;background:linear-gradient(135deg,#148cff,#03a9f4)!important;font-size:15px!important;box-shadow:0 12px 28px rgba(11,143,243,.28)}.product-showcase-primary span{font-size:21px}.product-showcase-secondary{min-width:160px;min-height:52px;border:1.5px solid rgba(255,255,255,.78);border-radius:15px;background:rgba(8,13,24,.56);color:#fff;font-weight:700;padding:12px 20px;backdrop-filter:blur(6px)}
.product-showcase-dots{position:absolute;right:32px;bottom:26px;z-index:3;display:flex;gap:6px;align-items:center}.product-showcase-dots>*{display:block;width:24px;height:5px;border-radius:99px;background:rgba(255,255,255,.25)}.product-showcase-dots b{background:#fff}

/* Editor de producto con vista previa */
dialog.product-editor-dialog{width:min(1120px,calc(100% - 24px));max-width:1120px;padding:26px;overflow:auto}
.product-editor>h2{margin-bottom:3px}.product-editor-lead{margin-top:0}.product-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:24px;align-items:start}.product-editor-section{border:1px solid #dce6ed;border-radius:16px;padding:14px 16px;margin:0 0 14px;background:#fbfdff}.product-editor-section h3{font-size:14px;margin:0 0 4px;color:#152c42}.product-editor-section .form-field{margin:10px 0}.product-benefit-editor{display:grid;grid-template-columns:1fr 160px;gap:10px;align-items:end}.product-icon-field select{min-height:45px}.product-editor-advanced{border:1px solid #dce6ed;border-radius:14px;padding:12px 14px;margin:0 0 15px;background:#fff}.product-editor-advanced summary{cursor:pointer;font-weight:700;color:#1b3a55}.product-mode-field{border:1px solid #dce6ed;border-radius:12px;margin:14px 0;padding:10px 12px}.product-mode-field label{display:inline-flex;gap:6px;margin:6px 12px 6px 0}.product-publish-check{display:flex;align-items:center;gap:8px;margin:14px 0;font-weight:700}.product-editor-preview{position:sticky;top:0;border:1px solid #dce6ed;border-radius:18px;padding:15px;background:#f4f9fd}.product-editor-preview-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 10px}.product-editor-preview-head strong{font-size:15px;color:#12283d}.product-editor-preview-head small{font-size:10px;color:#6d7e8d}.product-editor-preview .product-showcase{min-height:330px;border-radius:18px!important}.product-editor-preview .product-showcase-copy{min-height:330px;width:69%;padding:24px 22px}.product-editor-preview .product-showcase h3{font-size:44px!important;letter-spacing:-2px!important}.product-editor-preview .product-showcase h4{font-size:18px}.product-editor-preview .product-showcase-description{font-size:11px;max-width:310px}.product-editor-preview .product-showcase-price strong{font-size:30px}.product-editor-preview .product-showcase-price span{font-size:11px}.product-editor-preview .product-showcase-features{gap:6px;margin-bottom:12px}.product-editor-preview .product-showcase-features>span{min-width:0;max-width:120px;padding:7px 8px}.product-editor-preview .product-showcase-features i{width:20px;height:20px}.product-editor-preview .product-showcase-features i svg{width:18px;height:18px}.product-editor-preview .product-showcase-features b{font-size:8px}.product-editor-preview .product-showcase-primary,.product-editor-preview .product-showcase-secondary{min-width:0;min-height:38px;padding:8px 13px;font-size:10px!important}.product-editor-preview .product-showcase-badge{font-size:9px;padding:6px 10px;margin-bottom:9px}.product-editor-preview .product-showcase-dots{right:15px;bottom:15px}.product-image-tip{font-size:10px!important;color:#6c7c89!important;margin:9px 2px 0!important}

@media(max-width:900px){.product-showcase{min-height:390px}.product-showcase-copy{width:72%;min-height:390px;padding:30px 28px}.product-showcase h3{font-size:54px!important}.product-showcase h4{font-size:24px}.product-showcase-features>span{min-width:135px}.product-editor-grid{grid-template-columns:1fr}.product-editor-preview{position:static;order:-1}}
@media(max-width:560px){.products{grid-template-columns:1fr!important}.product-showcase{min-height:510px;border-radius:22px!important}.product-showcase-image{object-position:62% center}.product-showcase-shade{background:linear-gradient(180deg,rgba(5,8,14,.18) 0%,rgba(5,8,14,.54) 36%,rgba(5,8,14,.96) 68%,rgba(5,8,14,.98) 100%)}.product-showcase-copy{width:100%;min-height:510px;padding:210px 20px 22px;justify-content:flex-end}.product-showcase-badge{font-size:10px;padding:7px 12px;margin-bottom:10px}.product-showcase h3{font-size:42px!important;letter-spacing:-2px!important}.product-showcase h4{font-size:20px;margin-bottom:8px}.product-showcase-description{font-size:12px;line-height:1.4;margin-bottom:8px}.product-showcase-price{margin:4px 0 12px}.product-showcase-price strong{font-size:32px}.product-showcase-price span{font-size:12px}.product-showcase-features{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px;margin-bottom:12px}.product-showcase-features>span{min-width:0;max-width:none;padding:7px 6px;gap:5px;border-radius:10px}.product-showcase-features i{width:20px;height:20px}.product-showcase-features i svg{width:18px;height:18px}.product-showcase-features b{font-size:8px}.product-showcase-actions{width:100%;gap:8px}.product-showcase-primary,.product-showcase-secondary{flex:1;min-width:0;min-height:43px!important;font-size:11px!important;padding:9px!important}.product-showcase-dots{right:16px;bottom:12px;display:none}.product-editor-preview .product-showcase{min-height:390px}.product-editor-preview .product-showcase-copy{min-height:390px;padding-top:155px;width:100%}.product-benefit-editor{grid-template-columns:1fr}.product-editor-dialog{padding:18px!important}}

.product-editor-preview button:disabled{opacity:1!important;cursor:default!important;filter:none!important}

/* V50 · Catálogo compacto: 5 tarjetas en escritorio, 2 en móvil */
.products{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.products .product-showcase{
  min-height:0!important;
  aspect-ratio:4/5!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(12,35,56,.14)!important;
}
.products .product-showcase:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 15px 34px rgba(12,35,56,.2)!important;
}
.products .product-showcase-image,
.products .product-showcase-fallback{
  object-fit:cover!important;
  object-position:center center!important;
}
.products .product-showcase-fallback .brand-mark{
  font-size:58px!important;
  transform:none!important;
}
.products .product-showcase-shade{
  background:linear-gradient(180deg,rgba(4,7,14,.05) 0%,rgba(5,8,15,.16) 31%,rgba(5,8,15,.82) 63%,rgba(3,6,12,.98) 100%)!important;
}
.products .product-showcase-copy{
  width:100%!important;
  min-height:100%!important;
  height:100%!important;
  padding:14px 13px 13px!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
}
.products .product-showcase-badge{
  position:absolute!important;
  top:11px!important;
  left:11px!important;
  margin:0!important;
  padding:5px 9px!important;
  gap:4px!important;
  font-size:8px!important;
  line-height:1!important;
  max-width:calc(100% - 22px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.products .product-showcase h3{
  font-size:clamp(22px,1.85vw,32px)!important;
  line-height:.96!important;
  letter-spacing:-1.2px!important;
  margin:0 0 3px!important;
  max-width:100%!important;
}
.products .product-showcase h4{
  font-size:clamp(11px,.9vw,14px)!important;
  line-height:1.08!important;
  margin:0 0 5px!important;
  font-weight:600!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.products .product-showcase-description{
  font-size:8.5px!important;
  line-height:1.3!important;
  margin:0 0 5px!important;
  color:#d8e1eb!important;
  max-width:100%!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.products .product-showcase-price{
  gap:4px!important;
  margin:2px 0 7px!important;
}
.products .product-showcase-price strong{
  font-size:clamp(20px,1.55vw,27px)!important;
  letter-spacing:-.8px!important;
}
.products .product-showcase-price span{
  font-size:8px!important;
}
.products .product-showcase-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  margin:0 0 7px!important;
}
.products .product-showcase-features>span{
  min-width:0!important;
  max-width:none!important;
  min-height:34px!important;
  padding:4px 4px!important;
  gap:3px!important;
  border-radius:8px!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
}
.products .product-showcase-features i{
  width:14px!important;
  height:14px!important;
}
.products .product-showcase-features i svg{
  width:13px!important;
  height:13px!important;
}
.products .product-showcase-features b{
  font-size:5.9px!important;
  line-height:1.08!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.products .product-showcase-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
.products .product-showcase-primary,
.products .product-showcase-secondary{
  min-width:0!important;
  min-height:31px!important;
  height:31px!important;
  border-radius:8px!important;
  padding:4px 5px!important;
  font-size:7.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.products .product-showcase-primary span{
  font-size:12px!important;
}
.products .product-showcase-dots{
  display:none!important;
}

/* La vista previa del administrador conserva una escala cómoda y separada del catálogo */
.product-editor-preview #product-card-preview .product-showcase{
  aspect-ratio:4/5!important;
  min-height:0!important;
  width:min(300px,100%)!important;
  margin:0 auto!important;
}
.product-editor-preview #product-card-preview .product-showcase-copy{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:170px 16px 16px!important;
  justify-content:flex-end!important;
}
.product-editor-preview #product-card-preview .product-showcase h3{font-size:32px!important;letter-spacing:-1.4px!important}
.product-editor-preview #product-card-preview .product-showcase h4{font-size:14px!important}
.product-editor-preview #product-card-preview .product-showcase-description{font-size:9px!important;line-height:1.3!important}
.product-editor-preview #product-card-preview .product-showcase-price strong{font-size:24px!important}
.product-editor-preview #product-card-preview .product-showcase-price span{font-size:9px!important}
.product-editor-preview #product-card-preview .product-showcase-features{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}
.product-editor-preview #product-card-preview .product-showcase-features>span{min-width:0!important;max-width:none!important;padding:5px 4px!important;flex-direction:column!important;text-align:center!important}
.product-editor-preview #product-card-preview .product-showcase-features b{font-size:6px!important}
.product-editor-preview #product-card-preview .product-showcase-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;width:100%!important}
.product-editor-preview #product-card-preview .product-showcase-primary,
.product-editor-preview #product-card-preview .product-showcase-secondary{min-height:33px!important;height:33px!important;font-size:8px!important;padding:5px!important}

@media(max-width:1100px){
  .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:560px){
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .products .product-showcase{aspect-ratio:3/4!important;border-radius:14px!important}
  .products .product-showcase-copy{padding:11px 9px 9px!important}
  .products .product-showcase-badge{top:8px!important;left:8px!important;padding:4px 7px!important;font-size:6.7px!important}
  .products .product-showcase h3{font-size:21px!important;letter-spacing:-.8px!important}
  .products .product-showcase h4{font-size:10px!important;margin-bottom:3px!important;-webkit-line-clamp:1!important}
  .products .product-showcase-description{font-size:7px!important;line-height:1.2!important;margin-bottom:3px!important;-webkit-line-clamp:2!important}
  .products .product-showcase-price{margin:1px 0 5px!important}
  .products .product-showcase-price strong{font-size:19px!important}
  .products .product-showcase-price span{font-size:6.7px!important}
  .products .product-showcase-features{gap:3px!important;margin-bottom:5px!important}
  .products .product-showcase-features>span{min-height:28px!important;padding:3px 2px!important;border-radius:6px!important}
  .products .product-showcase-features i{width:11px!important;height:11px!important}
  .products .product-showcase-features i svg{width:10px!important;height:10px!important}
  .products .product-showcase-features b{font-size:4.8px!important}
  .products .product-showcase-actions{gap:4px!important}
  .products .product-showcase-primary,.products .product-showcase-secondary{height:28px!important;min-height:28px!important;font-size:6.5px!important;padding:3px!important;border-radius:7px!important}
  .products .product-showcase-primary span{font-size:10px!important}
}

/* V51 · Tarjetas horizontales tipo showcase: 4 escritorio / 2 móvil */
.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.products .product-showcase{
  min-height:0!important;
  aspect-ratio:1.46/1!important;
  border:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#070b12!important;
  box-shadow:0 12px 30px rgba(13,37,58,.18)!important;
}
.products .product-showcase:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 38px rgba(13,37,58,.24)!important;
}
.products .product-showcase-image,
.products .product-showcase-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:72% center!important;
  z-index:0!important;
}
.products .product-showcase-fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-right:8%!important;
  background:linear-gradient(135deg,var(--card-bg,#0b1018),#05070c)!important;
}
.products .product-showcase-fallback .brand-mark{
  font-size:clamp(42px,4vw,72px)!important;
  opacity:.72!important;
  transform:none!important;
}
.products .product-showcase-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(3,6,12,.98) 0%,rgba(4,8,15,.94) 36%,rgba(4,8,15,.70) 57%,rgba(4,8,15,.16) 78%,rgba(4,8,15,.02) 100%),
    linear-gradient(0deg,rgba(0,0,0,.22),transparent 48%)!important;
}
.products .product-showcase-copy{
  position:relative!important;
  z-index:2!important;
  width:61%!important;
  height:100%!important;
  min-height:100%!important;
  padding:13px 9px 11px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.products .product-showcase-badge{
  position:static!important;
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 7px!important;
  padding:5px 9px!important;
  gap:4px!important;
  font-size:8px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-radius:999px!important;
}
.products .product-showcase h3{
  font-size:clamp(23px,2vw,31px)!important;
  line-height:.95!important;
  letter-spacing:-1.25px!important;
  margin:0 0 3px!important;
  color:#fff!important;
  max-width:100%!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}
.products .product-showcase h4{
  font-size:clamp(10px,.84vw,13px)!important;
  line-height:1.08!important;
  margin:0 0 4px!important;
  color:#fff!important;
  font-weight:650!important;
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.products .product-showcase-description{
  font-size:8px!important;
  line-height:1.28!important;
  margin:0 0 4px!important;
  color:#e4ebf3!important;
  max-width:100%!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.products .product-showcase-price{
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  margin:1px 0 6px!important;
}
.products .product-showcase-price strong{
  font-size:clamp(21px,1.75vw,27px)!important;
  line-height:1!important;
  letter-spacing:-.9px!important;
  color:#fff!important;
}
.products .product-showcase-price span{
  font-size:7.5px!important;
  color:#eef4fb!important;
  font-weight:650!important;
}
.products .product-showcase-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  margin:0 0 7px!important;
}
.products .product-showcase-features>span{
  min-width:0!important;
  max-width:none!important;
  min-height:34px!important;
  padding:4px 4px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:8px!important;
  background:rgba(10,18,31,.68)!important;
  backdrop-filter:blur(6px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
  color:#fff!important;
}
.products .product-showcase-features i{
  width:15px!important;
  height:15px!important;
  color:#fff!important;
}
.products .product-showcase-features i svg{
  width:14px!important;
  height:14px!important;
}
.products .product-showcase-features b{
  font-size:6.9px!important;
  line-height:1.08!important;
  color:#fff!important;
  font-weight:750!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.products .product-showcase-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  width:100%!important;
}
.products .product-showcase-primary,
.products .product-showcase-secondary{
  min-width:0!important;
  min-height:35px!important;
  height:35px!important;
  border-radius:9px!important;
  padding:5px 6px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#fff!important;
  white-space:nowrap!important;
}
.products .product-showcase-primary{
  background:linear-gradient(135deg,#1597ff,#0497ea)!important;
  box-shadow:0 8px 18px rgba(4,151,234,.26)!important;
}
.products .product-showcase-primary span{font-size:14px!important}
.products .product-showcase-secondary{
  background:rgba(5,10,18,.56)!important;
  border:1.25px solid rgba(255,255,255,.82)!important;
}
.products .product-showcase-dots{display:none!important}

/* Vista previa del administrador con la misma proporción horizontal */
.product-editor-preview #product-card-preview .product-showcase{
  width:min(440px,100%)!important;
  aspect-ratio:1.46/1!important;
  min-height:0!important;
  margin:0 auto!important;
}
.product-editor-preview #product-card-preview .product-showcase-copy{
  width:61%!important;
  height:100%!important;
  min-height:0!important;
  padding:16px 10px 14px 16px!important;
  justify-content:center!important;
}
.product-editor-preview #product-card-preview .product-showcase-badge{font-size:8px!important;padding:5px 9px!important;margin-bottom:7px!important}
.product-editor-preview #product-card-preview .product-showcase h3{font-size:30px!important;letter-spacing:-1.2px!important}
.product-editor-preview #product-card-preview .product-showcase h4{font-size:12px!important}
.product-editor-preview #product-card-preview .product-showcase-description{font-size:7.8px!important;line-height:1.28!important}
.product-editor-preview #product-card-preview .product-showcase-price strong{font-size:25px!important}
.product-editor-preview #product-card-preview .product-showcase-price span{font-size:8px!important}
.product-editor-preview #product-card-preview .product-showcase-features{gap:4px!important;margin-bottom:7px!important}
.product-editor-preview #product-card-preview .product-showcase-features>span{min-height:34px!important;padding:4px!important}
.product-editor-preview #product-card-preview .product-showcase-features b{font-size:6.7px!important}
.product-editor-preview #product-card-preview .product-showcase-primary,
.product-editor-preview #product-card-preview .product-showcase-secondary{min-height:35px!important;height:35px!important;font-size:9px!important;padding:5px!important}

@media(max-width:1100px){
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:760px){
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .products .product-showcase{aspect-ratio:1.16/1!important;border-radius:14px!important}
  .products .product-showcase-image,.products .product-showcase-fallback{object-position:75% center!important}
  .products .product-showcase-copy{width:66%!important;padding:9px 5px 8px 9px!important;justify-content:center!important}
  .products .product-showcase-badge{padding:4px 6px!important;font-size:6px!important;margin-bottom:4px!important}
  .products .product-showcase h3{font-size:19px!important;letter-spacing:-.7px!important;margin-bottom:2px!important}
  .products .product-showcase h4{font-size:8.5px!important;margin-bottom:2px!important}
  .products .product-showcase-description{display:none!important}
  .products .product-showcase-price{margin:0 0 4px!important}
  .products .product-showcase-price strong{font-size:18px!important}
  .products .product-showcase-price span{font-size:6px!important}
  .products .product-showcase-features{gap:2px!important;margin-bottom:4px!important}
  .products .product-showcase-features>span{min-height:26px!important;padding:2px!important;border-radius:6px!important}
  .products .product-showcase-features i,.products .product-showcase-features i svg{width:10px!important;height:10px!important}
  .products .product-showcase-features b{font-size:4.9px!important;line-height:1.02!important}
  .products .product-showcase-actions{gap:3px!important}
  .products .product-showcase-primary,.products .product-showcase-secondary{height:27px!important;min-height:27px!important;font-size:6.7px!important;padding:3px!important;border-radius:7px!important}
  .products .product-showcase-primary span{font-size:10px!important}
}

/* =========================================================
   V52 · TARJETA PREMIUM VERTICAL · 5 ESCRITORIO / 2 MÓVIL
   Referencia: imagen superior + ficha clara + beneficios + botones
========================================================= */
.products{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:15px!important;
  align-items:start!important;
}
.products .product-showcase{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(17,56,88,.13)!important;
  color:#0d1b31!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.products .product-showcase:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 38px rgba(17,56,88,.19)!important;
}
.products .product-showcase-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.28/1!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--card-bg,#07111c)!important;
}
.products .product-showcase-image,
.products .product-showcase-fallback{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  z-index:0!important;
}
.products .product-showcase-fallback{
  background:linear-gradient(145deg,var(--card-bg,#0c1119),#02060c)!important;
}
.products .product-showcase-fallback .brand-mark{
  font-size:clamp(46px,4.2vw,74px)!important;
  opacity:.92!important;
}
.products .product-showcase-shade{display:none!important}
.products .product-showcase-badge{
  position:absolute!important;
  z-index:3!important;
  left:12px!important;
  top:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  margin:0!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#12aa70,#00c989)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:0 7px 18px rgba(0,164,107,.28)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.products .product-showcase-badge>span{
  font-size:14px!important;
  line-height:1!important;
}
.products .product-showcase-copy{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:13px 12px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  color:#0d1b31!important;
}
.products .product-showcase-head{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  min-width:0!important;
  margin-bottom:7px!important;
}
.products .product-brand-chip{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#eef7ff!important;
  box-shadow:inset 0 0 0 1px rgba(7,104,189,.09)!important;
  color:#0f89e8!important;
}
.products .product-brand-chip .brand-mark{
  transform:none!important;
  font-size:17px!important;
  line-height:1!important;
  max-width:34px!important;
  white-space:nowrap!important;
}
.products .product-brand-chip .netflix-mark{color:#e50914!important;font-size:25px!important}
.products .product-brand-chip .spotify-mark{color:#12ba67!important;font-size:12px!important}
.products .product-brand-chip .youtube-mark{color:#f12020!important;font-size:10px!important}
.products .product-brand-chip .disney-mark,.products .product-brand-chip .prime-mark,.products .product-brand-chip .max-mark{font-size:9px!important}
.products .product-showcase-title{min-width:0!important}
.products .product-showcase h3{
  margin:0 0 2px!important;
  max-width:100%!important;
  color:#0a1629!important;
  font-size:clamp(15px,1.2vw,19px)!important;
  line-height:1.02!important;
  letter-spacing:-.55px!important;
  font-weight:800!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.products .product-showcase h4{
  margin:0!important;
  color:#66768a!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.products .product-showcase-price{
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:0!important;
  min-width:max-content!important;
}
.products .product-showcase-price strong{
  color:#087df3!important;
  font-size:clamp(16px,1.3vw,21px)!important;
  line-height:1!important;
  letter-spacing:-.55px!important;
  font-weight:800!important;
}
.products .product-showcase-price span{
  margin-top:3px!important;
  color:#64748b!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:600!important;
}
.products .product-showcase-description{
  margin:0 0 8px!important;
  color:#6b7a8d!important;
  font-size:9px!important;
  line-height:1.35!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.products .product-showcase-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:0 0 9px!important;
}
.products .product-showcase-features>span{
  min-width:0!important;
  min-height:55px!important;
  padding:7px 5px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#effbf6,#f6fbff)!important;
  color:#183047!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  backdrop-filter:none!important;
}
.products .product-showcase-features i{
  width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  color:#0aa869!important;
}
.products .product-showcase-features i svg{
  width:20px!important;
  height:20px!important;
}
.products .product-showcase-features b{
  color:#203246!important;
  font-size:7.6px!important;
  line-height:1.15!important;
  font-weight:700!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.products .product-showcase-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  width:100%!important;
  margin-top:auto!important;
}
.products .product-showcase-primary,
.products .product-showcase-secondary{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  padding:8px 34px!important;
  border-radius:11px!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.products .product-showcase-primary{
  border:0!important;
  background:linear-gradient(135deg,#198fff,#0569f4)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(13,116,244,.23)!important;
}
.products .product-showcase-secondary{
  border:1.3px solid #8dc7fb!important;
  background:#fff!important;
  color:#0f2842!important;
  box-shadow:none!important;
}
.products .product-btn-play,.products .product-btn-list{
  position:absolute!important;
  left:13px!important;
  font-size:13px!important;
  line-height:1!important;
}
.products .product-btn-arrow{
  position:absolute!important;
  right:13px!important;
  font-size:19px!important;
  line-height:1!important;
}
.products .product-showcase-dots{display:none!important}

/* Vista previa del administrador en el mismo diseño vertical */
.product-editor-preview #product-card-preview .product-showcase{
  width:min(310px,100%)!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  border-radius:20px!important;
}
.product-editor-preview #product-card-preview .product-showcase-media{aspect-ratio:1.28/1!important}
.product-editor-preview #product-card-preview .product-showcase-copy{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:13px 12px 12px!important;
}
.product-editor-preview #product-card-preview .product-showcase-head{grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important}
.product-editor-preview #product-card-preview .product-showcase-badge{font-size:9px!important;padding:6px 10px!important}
.product-editor-preview #product-card-preview .product-showcase h3{font-size:18px!important;letter-spacing:-.5px!important}
.product-editor-preview #product-card-preview .product-showcase h4{font-size:9px!important}
.product-editor-preview #product-card-preview .product-showcase-description{font-size:8.5px!important;line-height:1.3!important}
.product-editor-preview #product-card-preview .product-showcase-price strong{font-size:19px!important}
.product-editor-preview #product-card-preview .product-showcase-price span{font-size:8px!important}
.product-editor-preview #product-card-preview .product-showcase-features{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-bottom:8px!important}
.product-editor-preview #product-card-preview .product-showcase-features>span{min-height:52px!important;padding:6px 4px!important}
.product-editor-preview #product-card-preview .product-showcase-features b{font-size:7px!important}
.product-editor-preview #product-card-preview .product-showcase-primary,
.product-editor-preview #product-card-preview .product-showcase-secondary{height:40px!important;min-height:40px!important;font-size:11px!important;padding:8px 30px!important}

@media(max-width:1180px){
  .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:920px){
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:650px){
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .products .product-showcase{border-radius:14px!important}
  .products .product-showcase-media{aspect-ratio:1.16/1!important}
  .products .product-showcase-badge{top:7px!important;left:7px!important;padding:5px 7px!important;font-size:6.5px!important;gap:3px!important}
  .products .product-showcase-badge>span{font-size:9px!important}
  .products .product-showcase-copy{padding:8px 7px 7px!important}
  .products .product-showcase-head{grid-template-columns:28px minmax(0,1fr)!important;gap:5px!important;margin-bottom:4px!important}
  .products .product-brand-chip{width:28px!important;height:28px!important}
  .products .product-brand-chip .brand-mark{font-size:10px!important;max-width:25px!important}
  .products .product-brand-chip .netflix-mark{font-size:19px!important}
  .products .product-showcase-price{grid-column:1/-1!important;grid-row:auto!important;align-items:flex-start!important;flex-direction:row!important;gap:4px!important;margin-top:2px!important}
  .products .product-showcase h3{font-size:13px!important;letter-spacing:-.3px!important}
  .products .product-showcase h4{font-size:7.5px!important}
  .products .product-showcase-price strong{font-size:15px!important}
  .products .product-showcase-price span{font-size:6px!important;margin-top:4px!important}
  .products .product-showcase-description{display:none!important}
  .products .product-showcase-features{gap:3px!important;margin-bottom:6px!important}
  .products .product-showcase-features>span{min-height:42px!important;padding:4px 2px!important;border-radius:8px!important}
  .products .product-showcase-features i,.products .product-showcase-features i svg{width:14px!important;height:14px!important}
  .products .product-showcase-features b{font-size:5.6px!important;line-height:1.08!important}
  .products .product-showcase-actions{gap:4px!important}
  .products .product-showcase-primary,.products .product-showcase-secondary{height:32px!important;min-height:32px!important;font-size:8px!important;padding:5px 22px!important;border-radius:8px!important}
  .products .product-btn-play,.products .product-btn-list{left:8px!important;font-size:9px!important}
  .products .product-btn-arrow{right:8px!important;font-size:14px!important}
}

/* =========================================================
   V53 · TARJETA VERTICAL COMPACTA — 5 POR FILA
   Ajuste solicitado: menos altura, beneficios legibles y
   botones Ver planes / Ver detalles en una sola fila.
========================================================= */
.products{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.products .product-showcase{
  min-width:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 26px rgba(25,92,145,.11)!important;
}
.products .product-showcase-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.42/1!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0a0d12!important;
}
.products .product-showcase-image,
.products .product-showcase-fallback{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.products .product-showcase-badge{
  top:9px!important;
  left:9px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:7.8px!important;
  line-height:1!important;
  gap:4px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
}
.products .product-showcase-badge>span{font-size:10px!important}
.products .product-showcase-copy{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:24px 10px 10px!important;
  background:#fff!important;
  color:#102238!important;
}
.products .product-brand-chip{
  position:absolute!important;
  top:-19px!important;
  left:10px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fff!important;
  color:#138eea!important;
  box-shadow:0 5px 14px rgba(20,67,102,.18),inset 0 0 0 1px rgba(18,122,199,.08)!important;
  z-index:3!important;
}
.products .product-brand-chip .brand-mark{max-width:32px!important;transform:none!important;line-height:1!important}
.products .product-brand-chip .netflix-mark{font-size:24px!important;color:#e50914!important}
.products .product-brand-chip .spotify-mark{font-size:10px!important;color:#10b967!important}
.products .product-brand-chip .youtube-mark{font-size:9px!important;color:#f22121!important}
.products .product-brand-chip .disney-mark,
.products .product-brand-chip .prime-mark,
.products .product-brand-chip .max-mark{font-size:8px!important}
.products .product-showcase-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:start!important;
  margin:0 0 5px!important;
  min-width:0!important;
}
.products .product-showcase-head>.product-brand-chip{grid-column:auto!important}
.products .product-showcase-title{grid-column:1!important;min-width:0!important}
.products .product-showcase-price{grid-column:2!important;grid-row:1!important;align-items:flex-end!important;margin:0!important}
.products .product-showcase h3{
  margin:0 0 2px!important;
  color:#0b1727!important;
  font-size:15px!important;
  line-height:1.02!important;
  letter-spacing:-.35px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.products .product-showcase h4{
  margin:0!important;
  color:#738093!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.products .product-showcase-price strong{
  color:#087df3!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.5px!important;
  font-weight:800!important;
}
.products .product-showcase-price span{
  margin-top:2px!important;
  color:#77869a!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:600!important;
}
.products .product-showcase-description{
  margin:0 0 7px!important;
  color:#718096!important;
  font-size:8px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.products .product-showcase-features{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  margin:0 0 8px!important;
}
.products .product-showcase-features>span{
  min-width:0!important;
  min-height:36px!important;
  padding:5px 4px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#effbf6,#f7fbff)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  text-align:left!important;
}
.products .product-showcase-features i{
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  display:grid!important;
  place-items:center!important;
  color:#0aa86a!important;
}
.products .product-showcase-features i svg{width:16px!important;height:16px!important}
.products .product-showcase-features b{
  min-width:0!important;
  color:#203246!important;
  font-size:6.6px!important;
  line-height:1.08!important;
  font-weight:700!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.products .product-showcase-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
}
.products .product-showcase-primary,
.products .product-showcase-secondary{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  padding:7px 17px!important;
  border-radius:9px!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.products .product-showcase-primary{
  border:0!important;
  background:linear-gradient(135deg,#1792ff,#086af3)!important;
  color:#fff!important;
  box-shadow:0 7px 15px rgba(13,116,244,.18)!important;
}
.products .product-showcase-secondary{
  border:1px solid #b9d8f5!important;
  background:#fff!important;
  color:#17324d!important;
  box-shadow:none!important;
}
.products .product-btn-play,.products .product-btn-list{left:6px!important;font-size:8px!important}
.products .product-btn-arrow{right:6px!important;font-size:12px!important}
.products .product-showcase-dots{display:none!important}

/* Vista previa en admin con la misma proporción compacta */
.product-editor-preview #product-card-preview .product-showcase{
  width:min(290px,100%)!important;
  border-radius:18px!important;
  margin:0 auto!important;
}
.product-editor-preview #product-card-preview .product-showcase-media{aspect-ratio:1.42/1!important}
.product-editor-preview #product-card-preview .product-showcase-copy{padding:24px 10px 10px!important}
.product-editor-preview #product-card-preview .product-brand-chip{width:38px!important;height:38px!important;top:-19px!important;left:10px!important}
.product-editor-preview #product-card-preview .product-showcase-head{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
.product-editor-preview #product-card-preview .product-showcase-title{grid-column:1!important}
.product-editor-preview #product-card-preview .product-showcase-price{grid-column:2!important;grid-row:1!important}
.product-editor-preview #product-card-preview .product-showcase h3{font-size:15px!important}
.product-editor-preview #product-card-preview .product-showcase h4{font-size:8px!important}
.product-editor-preview #product-card-preview .product-showcase-description{font-size:8px!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.product-editor-preview #product-card-preview .product-showcase-price strong{font-size:17px!important}
.product-editor-preview #product-card-preview .product-showcase-price span{font-size:7px!important}
.product-editor-preview #product-card-preview .product-showcase-features{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-bottom:8px!important}
.product-editor-preview #product-card-preview .product-showcase-features>span{min-height:36px!important;padding:5px 4px!important;flex-direction:row!important;text-align:left!important}
.product-editor-preview #product-card-preview .product-showcase-features b{font-size:6.6px!important}
.product-editor-preview #product-card-preview .product-showcase-actions{grid-template-columns:1fr 1fr!important;gap:5px!important}
.product-editor-preview #product-card-preview .product-showcase-primary,
.product-editor-preview #product-card-preview .product-showcase-secondary{height:34px!important;min-height:34px!important;font-size:8.5px!important;padding:7px 17px!important}

@media(max-width:1180px){
  .products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:920px){
  .products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:650px){
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .products .product-showcase{border-radius:13px!important}
  .products .product-showcase-media{aspect-ratio:1.28/1!important}
  .products .product-showcase-badge{top:6px!important;left:6px!important;padding:4px 6px!important;font-size:6px!important}
  .products .product-showcase-copy{padding:19px 6px 6px!important}
  .products .product-brand-chip{width:31px!important;height:31px!important;top:-16px!important;left:7px!important}
  .products .product-brand-chip .netflix-mark{font-size:19px!important}
  .products .product-showcase-head{gap:3px!important;margin-bottom:3px!important}
  .products .product-showcase h3{font-size:11px!important}
  .products .product-showcase h4{font-size:6.5px!important}
  .products .product-showcase-price strong{font-size:12px!important}
  .products .product-showcase-price span{font-size:5.5px!important}
  .products .product-showcase-description{display:none!important}
  .products .product-showcase-features{gap:2px!important;margin-bottom:5px!important}
  .products .product-showcase-features>span{min-height:31px!important;padding:3px 2px!important;border-radius:6px!important;gap:2px!important}
  .products .product-showcase-features i{flex-basis:12px!important;width:12px!important;height:12px!important}
  .products .product-showcase-features i svg{width:11px!important;height:11px!important}
  .products .product-showcase-features b{font-size:4.8px!important;line-height:1.04!important}
  .products .product-showcase-actions{gap:3px!important}
  .products .product-showcase-primary,.products .product-showcase-secondary{height:28px!important;min-height:28px!important;font-size:6.7px!important;padding:4px 12px!important;border-radius:7px!important}
  .products .product-btn-play,.products .product-btn-list{left:4px!important;font-size:6px!important}
  .products .product-btn-arrow{right:4px!important;font-size:9px!important}
}


/* =========================================================
   V53-R1 · MÓVIL ADAPTABLE + LOGO CIRCULAR + TEXTO NÍTIDO
========================================================= */
.products .product-brand-chip{
  overflow:hidden!important;
  padding:0!important;
  place-items:center!important;
}
.products .product-brand-chip .product-brand-logo{
  width:74%!important;
  height:74%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.products .product-brand-chip .brand-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  padding:0 3px!important;
  white-space:nowrap!important;
  line-height:1!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.products .product-brand-chip .spotify-mark{font-size:9px!important;gap:1px!important}
.products .product-brand-chip .spotify-mark i{font-size:8px!important;line-height:1!important}
.products .product-brand-chip .spotify-mark b{font-size:8px!important;line-height:1!important;font-weight:800!important}
.products .product-showcase h3{
  color:#081629!important;
  font-size:16px!important;
  line-height:1.08!important;
  font-weight:800!important;
}
.products .product-showcase h4{
  color:#405269!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:650!important;
}
.products .product-showcase-description{
  color:#52647a!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:550!important;
}
.products .product-showcase-price strong{
  color:#067bf4!important;
  font-size:18px!important;
  font-weight:850!important;
}
.products .product-showcase-price span{color:#53657b!important;font-weight:700!important}
.products .product-showcase-features b{
  color:#102238!important;
  font-size:7.4px!important;
  line-height:1.12!important;
  font-weight:750!important;
}
.products .product-showcase-primary,
.products .product-showcase-secondary{
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:-.05px!important;
}
.products .product-showcase-primary{color:#fff!important}
.products .product-showcase-secondary{color:#0d2138!important;background:#fff!important}
.product-editor-preview #product-card-preview .product-brand-chip .product-brand-logo{
  width:74%!important;height:74%!important;object-fit:contain!important;object-position:center!important
}

@media(max-width:650px){
  .products{gap:8px!important}
  .products .product-showcase-media{
    aspect-ratio:1.65/1!important;
    max-height:none!important;
  }
  .products .product-showcase-image,
  .products .product-showcase-fallback{
    object-fit:cover!important;
    object-position:center!important;
  }
  .products .product-showcase-copy{padding:18px 7px 7px!important}
  .products .product-brand-chip{width:31px!important;height:31px!important;top:-15px!important;left:7px!important}
  .products .product-brand-chip .product-brand-logo{width:72%!important;height:72%!important}
  .products .product-showcase h3{font-size:12px!important;line-height:1.05!important}
  .products .product-showcase h4{font-size:7.4px!important;color:#3f526a!important;font-weight:650!important}
  .products .product-showcase-price strong{font-size:13.5px!important}
  .products .product-showcase-price span{font-size:6px!important}
  .products .product-showcase-description{display:none!important}
  .products .product-showcase-features{gap:3px!important;margin-bottom:6px!important}
  .products .product-showcase-features>span{min-height:33px!important;padding:4px 3px!important;gap:3px!important}
  .products .product-showcase-features i{flex-basis:13px!important;width:13px!important;height:13px!important}
  .products .product-showcase-features i svg{width:12px!important;height:12px!important}
  .products .product-showcase-features b{font-size:5.8px!important;line-height:1.06!important;font-weight:750!important}
  .products .product-showcase-primary,
  .products .product-showcase-secondary{height:30px!important;min-height:30px!important;font-size:7.7px!important;padding:5px 12px!important}
}
@media(max-width:390px){
  .products{gap:6px!important}
  .products .product-showcase-media{aspect-ratio:1.78/1!important}
  .products .product-showcase-copy{padding:17px 6px 6px!important}
  .products .product-showcase-features>span{min-height:31px!important;padding:3px 2px!important}
  .products .product-showcase-features b{font-size:5.35px!important}
  .products .product-showcase-primary,
  .products .product-showcase-secondary{font-size:7.2px!important;padding:4px 10px!important}
}

/* V53-R1 · Vista previa del editor con la misma nitidez */
.product-editor-preview #product-card-preview .product-showcase h3{font-size:16px!important;color:#081629!important;font-weight:800!important}
.product-editor-preview #product-card-preview .product-showcase h4{font-size:9.5px!important;color:#405269!important;font-weight:650!important}
.product-editor-preview #product-card-preview .product-showcase-description{font-size:9px!important;color:#52647a!important;font-weight:550!important}
.product-editor-preview #product-card-preview .product-showcase-price strong{font-size:18px!important;color:#067bf4!important;font-weight:850!important}
.product-editor-preview #product-card-preview .product-showcase-features b{font-size:7.4px!important;color:#102238!important;font-weight:750!important}
.product-editor-preview #product-card-preview .product-showcase-primary,
.product-editor-preview #product-card-preview .product-showcase-secondary{font-size:9.5px!important;font-weight:800!important}




/* V53-R4 · CARGA DE IMÁGENES ESTABLE Y RÁPIDA */
.ap-hero-static{aspect-ratio:1262/305;overflow:hidden;background:#eef9ff url('/assets/hero-streaming-premium-v48.webp') center/cover no-repeat;contain:layout paint}
.ap-hero-static-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto}
.product-showcase-media{background:var(--card-bg,#0a0d12)!important;contain:layout paint;overflow:hidden}
.product-showcase-image,.product-brand-logo,.combo-cover img,.category-tile img,.official-logo image{backface-visibility:hidden}
.ap-stable-image{visibility:visible!important;opacity:1!important;transition:none!important;color:transparent}
.ap-stable-image.ap-image-ready{visibility:visible!important;opacity:1!important}
.combos-section,.how-section{content-visibility:auto;contain-intrinsic-size:420px}
@media(max-width:650px){.combos-section,.how-section{contain-intrinsic-size:620px}}


/* V53-R5 · PRIMER PINTADO ESTABLE: sin FOUC, sin parpadeo de imágenes */
.product-showcase-media,.product-brand-chip,.combo-cover{isolation:isolate}
.product-showcase-image,.product-brand-logo,.combo-cover img,.ap-hero-static-image{transform:translateZ(0);will-change:auto}
#product-grid{min-height:1px}


/* ===== V55 · Plataformas del panel ===== */
.admin-platform-page-head{align-items:flex-end}.admin-platform-page-head>div>small{display:block;margin-top:5px;color:#6f93b9;font-size:10px;font-weight:600}.admin-platform-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(150px,.55fr) minmax(150px,.55fr) 110px;gap:10px;padding:10px;border:1px solid #1b3856;border-radius:10px;background:linear-gradient(180deg,#0b1b30,#081725);margin-bottom:12px}.admin-platform-search{height:38px;border:1px solid #2a527a;border-radius:8px;background:#0a1b2d;display:flex;align-items:center;gap:8px;padding:0 12px;color:#61baff}.admin-platform-search input{width:100%;border:0;outline:0;background:transparent;color:#edf7ff;font-size:11px}.admin-platform-toolbar select,.admin-platform-toolbar>button{height:38px;border:1px solid #2a527a;border-radius:8px;background:#0a1b2d;color:#d8e8f7;padding:0 11px;font-size:10px}.admin-platform-toolbar>button{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:#0b2540}.admin-platform-catalog-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;align-items:stretch}.admin-platform-catalog-card{position:relative;min-width:0;aspect-ratio:1/1.06;border:1px solid #1e4770;border-radius:11px;background:radial-gradient(circle at 20% 0%,#133b73 0,transparent 42%),linear-gradient(150deg,#0c2444,#07172b 74%);box-shadow:0 8px 22px #0209144d;overflow:hidden;padding:10px;display:flex;flex-direction:column;color:#eef7ff}.admin-platform-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.admin-platform-logo-box{width:48px;height:48px;border-radius:12px;background:#07101d;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 18px #159cff24;border:1px solid #2a5480}.admin-platform-logo-box img{width:100%;height:100%;object-fit:contain;padding:5px}.admin-platform-logo-fallback{width:100%;height:100%;display:grid;place-items:center}.admin-platform-logo-fallback .brand-mark{transform:scale(.62)}.admin-platform-published{height:23px;padding:0 7px;border-radius:12px;border:1px solid #13865f;background:#0c4436;display:flex;align-items:center;gap:4px;color:#48e6aa;font-size:7px;font-weight:700;white-space:nowrap}.admin-platform-published i{width:6px;height:6px;border-radius:50%;background:#2de39e}.admin-platform-published.off{border-color:#7a3d45;background:#3d1820;color:#ff8e9a}.admin-platform-published.off i{background:#ff6475}.admin-platform-card-copy{padding-top:8px;min-width:0}.admin-platform-card-copy h3{font-size:12px;line-height:1.05;margin:0 0 3px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-platform-card-copy strong{display:block;color:#13d4ff;font-size:14px;line-height:1.1}.admin-platform-card-copy small{display:block;color:#829ab2;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.admin-platform-stock-row{margin-top:auto;border-top:1px solid #163652;padding-top:7px;display:flex;align-items:center;justify-content:space-between;gap:6px}.admin-platform-stock-row>span{display:grid;grid-template-columns:16px 1fr;align-items:center;min-width:0}.admin-platform-stock-row>span svg{grid-row:1/span 2;color:#d7e8f9}.admin-platform-stock-row b{font-size:7.5px;line-height:1;color:#dce9f6}.admin-platform-stock-row small{grid-column:2;color:#6e8ca8;font-size:6px;line-height:1.1;margin-top:2px}.admin-stock-switch{width:30px;height:17px;border-radius:12px;padding:2px;background:#29394c;display:block;flex:0 0 auto}.admin-stock-switch b{display:block;width:13px;height:13px;border-radius:50%;background:#8ca0b3;transition:.2s}.admin-stock-switch.on{background:#098fff}.admin-stock-switch.on b{transform:translateX(13px);background:white}.admin-platform-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.admin-platform-card-actions button{height:27px;border-radius:7px;font-size:7.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}.admin-platform-edit{border:1px solid #178fe9;background:#0a1b2d;color:#d8edff}.admin-platform-view{border:1px solid #159bf4;background:#118cf0;color:#fff}.admin-platform-catalog-card:hover{border-color:#279cff;transform:translateY(-1px);box-shadow:0 10px 26px #027dff26}.admin-platform-detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:12px}.admin-platform-back{align-self:start;border:1px solid #264663;background:#0b1d30;color:#a9c7e3;border-radius:8px;padding:8px 11px;font-size:9px}.admin-platform-back svg{transform:rotate(180deg);vertical-align:-2px}.admin-platform-detail-title{display:flex;align-items:center;gap:12px;min-width:0}.admin-platform-detail-logo{width:58px;height:58px;border:1px solid #2a5480;border-radius:14px;background:#07101d;display:grid;place-items:center;overflow:hidden}.admin-platform-detail-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.admin-platform-detail-title small{font-size:8px;color:#63baff;text-transform:uppercase;letter-spacing:.13em}.admin-platform-detail-title h1{margin:0;color:#fff;font-size:22px}.admin-platform-detail-title p{margin:2px 0 0;color:#8098b0;font-size:9px}.admin-platform-detail-actions{display:flex;gap:8px}.admin-platform-detail-actions button{min-height:35px;border-radius:8px;padding:0 12px}.admin-platform-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.admin-platform-detail-stats article{border:1px solid #1d3b5a;border-radius:10px;background:linear-gradient(180deg,#0c1c2f,#091724);padding:10px;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}.admin-platform-detail-stats article>span{width:32px;height:32px;border-radius:8px;background:#0d6ac7;display:grid;place-items:center;color:#fff}.admin-platform-detail-stats small{display:block;color:#8299b0;font-size:7px}.admin-platform-detail-stats strong{display:block;font-size:18px;color:#fff;line-height:1.05}.admin-platform-detail-stats em{display:block;font-style:normal;color:#54c99e;font-size:6.5px;margin-top:2px}.admin-platform-inventory-panel{overflow:hidden}.admin-platform-inventory-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.admin-platform-inventory-types article{border:1px solid #1b3957;border-radius:9px;background:#0b1a2a;padding:10px;min-width:0}.admin-platform-inventory-types article>span{width:30px;height:30px;border-radius:8px;background:#0d6ac7;display:grid;place-items:center;color:#fff;margin-bottom:8px}.admin-platform-inventory-types strong{display:block;font-size:9px;color:#fff}.admin-platform-inventory-types small{display:block;font-size:7px;color:#8399ae;min-height:24px;margin-top:2px}.admin-platform-inventory-types b{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:10px;background:#103a2d;color:#45d9a0;font-size:7px}.admin-platform-inventory-table{padding:0 10px 10px}.admin-platform-inventory-table .admin-table-row{grid-template-columns:1.2fr 1fr .55fr .7fr .65fr;min-height:34px}.admin-platform-table-edit{height:25px;padding:0 8px;border:1px solid #268be0;border-radius:6px;background:#0c1d30;color:#d9eeff;font-size:7px}.product-showcase.is-out-of-stock{position:relative}.product-showcase.is-out-of-stock:after{content:'Agotado por el momento';position:absolute;top:8px;right:8px;z-index:8;padding:5px 8px;border-radius:12px;background:#9b2230e8;color:#fff;font-size:9px;font-weight:700;box-shadow:0 4px 14px #0004;pointer-events:none}
@media(max-width:1650px){.admin-platform-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1320px){.admin-platform-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-platform-toolbar{grid-template-columns:1fr 1fr 1fr 100px}}
@media(max-width:1080px){.admin-platform-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-platform-detail-stats,.admin-platform-inventory-types{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.admin-platform-toolbar{grid-template-columns:1fr 1fr}.admin-platform-search{grid-column:1/-1}.admin-platform-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-platform-detail-head{grid-template-columns:1fr}.admin-platform-detail-actions{justify-content:flex-start}}
@media(max-width:560px){.admin-platform-toolbar{grid-template-columns:1fr}.admin-platform-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-platform-catalog-card{aspect-ratio:auto;min-height:190px;padding:8px}.admin-platform-logo-box{width:43px;height:43px}.admin-platform-detail-stats,.admin-platform-inventory-types{grid-template-columns:1fr 1fr}.admin-platform-inventory-table{overflow-x:auto}.admin-platform-inventory-table .admin-table-row{min-width:560px}}


/* ===== V56 · Tipos de inventario simplificados ===== */
.admin-platform-detail-stats-simple{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-platform-add-type{border:1px dashed #2a6798!important;border-radius:10px;background:linear-gradient(180deg,#0a1b2b,#071522)!important;padding:10px;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;color:#dcecff;text-align:left;cursor:pointer;min-width:0}
.admin-platform-add-type>span{width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#0e7be2,#13b4ff);display:grid;place-items:center;color:#fff}
.admin-platform-add-type small{display:block;color:#7fa1bf;font-size:7px;font-weight:600}
.admin-platform-add-type strong{display:block;color:#fff;font-size:11px;line-height:1.1;margin:2px 0}
.admin-platform-add-type em{display:block;color:#63b9ee;font-size:6.5px;font-style:normal;line-height:1.25}
.admin-platform-add-type:hover,.admin-inventory-add-type:hover{border-color:#2ca7ff!important;background:#0d2236!important}
.admin-platform-inventory-types-simple{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-inventory-add-type{border:1px dashed #2a6798;border-radius:9px;background:#091827;padding:10px;min-width:0;color:#dcecff;text-align:left;cursor:pointer}
.admin-inventory-add-type>span{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#0e7be2,#13b4ff);display:grid;place-items:center;color:#fff;margin-bottom:8px}
.admin-inventory-add-type strong{display:block;font-size:9px;color:#fff}.admin-inventory-add-type small{display:block;font-size:7px;color:#8399ae;min-height:24px;margin-top:2px}.admin-inventory-add-type b{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:10px;background:#102a40;color:#68c6ff;font-size:7px}
.admin-future-types{display:grid;gap:8px;margin:14px 0}.admin-future-types article{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;border:1px solid #dce8f3;border-radius:10px;padding:10px;background:#f8fbfe}.admin-future-types article>svg{color:#1597ee}.admin-future-types strong{display:block;color:#16283b;font-size:13px}.admin-future-types small{display:block;color:#67809a;font-size:11px;line-height:1.35;margin-top:2px}
@media(max-width:1080px){.admin-platform-detail-stats-simple,.admin-platform-inventory-types-simple{grid-template-columns:1fr 1fr}.admin-platform-add-type,.admin-inventory-add-type{grid-column:1/-1}}
@media(max-width:560px){.admin-platform-detail-stats-simple,.admin-platform-inventory-types-simple{grid-template-columns:1fr}.admin-platform-add-type,.admin-inventory-add-type{grid-column:auto}}


/* ===== V57 · Plataforma como hub visual profesional ===== */
.admin-platform-hub{max-width:1500px;margin:0 auto}.admin-platform-hub-head{margin-bottom:18px}.admin-add-type-top{height:38px!important;min-width:96px!important;padding:0 16px!important;font-size:10px!important;box-shadow:0 8px 24px #048eff25}
.admin-platform-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:8px}.admin-inventory-hub-card{position:relative;overflow:hidden;min-height:260px;border:1px solid #24527d;border-radius:18px;padding:22px;background:linear-gradient(145deg,#0c2138 0%,#0a192a 62%,#07131f 100%);color:#ecf7ff;text-align:left;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 16px 42px #0209134f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.admin-inventory-hub-card.profiles{background:linear-gradient(145deg,#10223d 0%,#0b1a30 60%,#07131f 100%)}.admin-inventory-hub-card:hover{transform:translateY(-3px);border-color:#36a9ff;box-shadow:0 20px 48px #087ed828}.admin-inventory-hub-glow{position:absolute;width:220px;height:220px;border-radius:50%;right:-75px;top:-85px;background:radial-gradient(circle,#1a9dff38 0%,transparent 68%);pointer-events:none}.admin-inventory-hub-card.profiles .admin-inventory-hub-glow{background:radial-gradient(circle,#7c5cff38 0%,transparent 68%)}.admin-inventory-hub-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.admin-inventory-hub-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(145deg,#0f84ef,#18bdff);display:grid;place-items:center;color:white;box-shadow:0 10px 30px #0098ff35}.profiles .admin-inventory-hub-icon{background:linear-gradient(145deg,#6348ee,#9b65ff);box-shadow:0 10px 30px #6848ff35}.admin-inventory-hub-top>b{font-size:8px;letter-spacing:.1em;padding:6px 9px;border-radius:999px;background:#0b4b39;border:1px solid #16855f;color:#4be8aa}.admin-inventory-hub-copy{position:relative;z-index:1;margin-top:22px}.admin-inventory-hub-copy>small{display:block;font-size:8px;letter-spacing:.12em;color:#4dbaff;font-weight:700}.profiles .admin-inventory-hub-copy>small{color:#a78bfa}.admin-inventory-hub-copy h2{font-size:24px;line-height:1.05;margin:6px 0 7px;color:#fff}.admin-inventory-hub-copy p{max-width:520px;font-size:10px;line-height:1.55;color:#96abc0;margin:0}.admin-inventory-hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:24px;position:relative;z-index:1}.admin-inventory-hub-stats span{padding:10px 12px;border-radius:11px;background:#071522a8;border:1px solid #1d3b58}.admin-inventory-hub-stats strong{display:block;font-size:18px;color:#fff;line-height:1}.admin-inventory-hub-stats small{display:block;margin-top:4px;color:#7890a8;font-size:7px}.admin-inventory-hub-footer{position:relative;z-index:1;margin-top:12px;padding-top:12px;border-top:1px solid #193853;display:flex;align-items:center;justify-content:space-between;color:#6fc6ff;font-size:10px;font-weight:700}.profiles .admin-inventory-hub-footer{color:#b39cff}.admin-platform-hub-note{margin-top:14px;border:1px dashed #224761;border-radius:13px;background:#091725;padding:13px 15px;display:flex;gap:11px;align-items:flex-start;color:#9eb5c9}.admin-platform-hub-note>span{width:32px;height:32px;border-radius:9px;background:#0e70c8;display:grid;place-items:center;color:#fff;flex:0 0 auto}.admin-platform-hub-note strong{display:block;color:#deebf6;font-size:10px}.admin-platform-hub-note p{margin:3px 0 0;font-size:8px;line-height:1.5;color:#7892aa}
.admin-platform-type-page{max-width:1500px;margin:0 auto}.admin-platform-type-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px}.admin-platform-type-heading{display:flex;align-items:center;gap:12px}.admin-platform-type-heading>span{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#0e7be2,#12b7ff);display:grid;place-items:center;color:white}.admin-platform-type-heading small{display:block;color:#5cbcff;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.admin-platform-type-heading h1{margin:1px 0 2px;color:#fff;font-size:21px}.admin-platform-type-heading p{margin:0;color:#849bb0;font-size:9px}.admin-add-account-type{height:38px!important;padding:0 14px!important}.admin-type-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-type-summary article{border:1px solid #1d3d5d;border-radius:11px;background:linear-gradient(180deg,#0d1d30,#091724);padding:12px 14px}.admin-type-summary span{display:block;color:#7790a7;font-size:7px}.admin-type-summary strong{display:block;margin-top:3px;color:#fff;font-size:20px}.admin-platform-accounts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-platform-account-card{border:1px solid #1f4263;border-radius:13px;background:linear-gradient(155deg,#0d1e31,#081624);padding:13px;min-width:0;box-shadow:0 10px 26px #02081438}.admin-platform-account-card-top{display:flex;align-items:center;justify-content:space-between}.admin-platform-account-card-top>span{width:34px;height:34px;border-radius:9px;background:#0e75d1;display:grid;place-items:center;color:#fff}.admin-platform-account-card h3{font-size:12px;color:#fff;margin:11px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-platform-account-card>small{font-size:7px;color:#7690a8}.admin-platform-account-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.admin-platform-account-metrics span{background:#071420;border:1px solid #173653;border-radius:8px;padding:8px}.admin-platform-account-metrics b{display:block;color:#fff;font-size:13px}.admin-platform-account-metrics small{display:block;color:#6e879e;font-size:6.5px;margin-top:2px}.admin-platform-account-edit{width:100%;height:32px;border:1px solid #228be0;border-radius:8px;background:#0b2034;color:#dcefff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}.admin-platform-empty-type{grid-column:1/-1;min-height:250px;border:1px dashed #27557e;border-radius:16px;background:#091827;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.admin-platform-empty-type>span{width:58px;height:58px;border-radius:16px;background:#0d6ec8;display:grid;place-items:center;color:#fff;margin-bottom:12px}.admin-platform-empty-type h2{margin:0;color:#fff;font-size:17px}.admin-platform-empty-type p{max-width:420px;color:#8199ae;font-size:9px;line-height:1.5;margin:6px 0 15px}
@media(max-width:1100px){.admin-platform-hub-grid{grid-template-columns:1fr}.admin-platform-accounts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.admin-platform-type-head{grid-template-columns:1fr}.admin-platform-accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-type-summary{grid-template-columns:1fr 1fr 1fr}}@media(max-width:520px){.admin-inventory-hub-card{min-height:235px;padding:16px}.admin-inventory-hub-copy h2{font-size:20px}.admin-inventory-hub-stats{gap:5px}.admin-inventory-hub-stats span{padding:8px}.admin-platform-accounts-grid{grid-template-columns:1fr}.admin-type-summary{grid-template-columns:1fr}.admin-platform-type-heading h1{font-size:18px}}

/* V58 · Plataforma interna compacta y persistente */
.admin-platform-hub{max-width:1460px;margin:0 auto}
.admin-platform-hub-head.simplified{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 18px;padding:4px 0 14px;border-bottom:1px solid #17344f}
.admin-platform-title-simple{min-width:0}.admin-platform-title-simple h1{margin:0;color:#fff;font-size:28px;line-height:1.05;font-weight:700}.admin-platform-title-simple p{margin:6px 0 0;color:#a9bfd3;font-size:12px;line-height:1.45;font-weight:400}
.admin-platform-back.admin-back-green{height:40px;min-width:112px;padding:0 16px;border:1px solid #1fb879;border-radius:11px;background:linear-gradient(135deg,#118b60,#0b5f45);box-shadow:0 8px 24px #0a8f5e2e;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.18s ease}
.admin-platform-back.admin-back-green:hover{transform:translateY(-1px);background:linear-gradient(135deg,#19a86f,#0c704f);box-shadow:0 10px 28px #0a9d663d}
.admin-add-type-top{height:40px!important;min-width:104px!important;padding:0 16px!important;font-size:11px!important;font-weight:700!important}
.admin-platform-hub-grid.compact-grid{display:flex!important;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:14px;margin-top:0}
.admin-inventory-hub-card.compact{position:relative;overflow:hidden;flex:0 1 405px;width:405px;min-height:154px!important;padding:16px 16px 14px!important;border:1px solid #244c70;border-radius:16px;background:linear-gradient(145deg,#0b2035 0%,#081827 100%);color:#eef8ff;text-align:left;cursor:pointer;display:grid!important;grid-template-columns:54px minmax(0,1fr) 22px;gap:13px;align-items:start;box-shadow:0 12px 32px #02091335;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.admin-inventory-hub-card.compact.profiles{background:linear-gradient(145deg,#151f3a 0%,#0a192b 100%)}
.admin-inventory-hub-card.compact.custom{background:linear-gradient(145deg,#102338 0%,#0a1726 100%)}
.admin-inventory-hub-card.compact:hover{transform:translateY(-2px);border-color:#39aaff;box-shadow:0 16px 38px #0786d92b}
.admin-inventory-hub-card.compact .admin-inventory-hub-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#0f84ef,#18bdff);display:grid;place-items:center;color:#fff;box-shadow:0 9px 24px #0098ff31}
.admin-inventory-hub-card.compact.profiles .admin-inventory-hub-icon{background:linear-gradient(145deg,#6848f2,#9b65ff);box-shadow:0 9px 24px #6848ff31}
.admin-inventory-hub-card.compact.custom .admin-inventory-hub-icon{background:linear-gradient(145deg,#16a37a,#21d0a0);box-shadow:0 9px 24px #16a37a2e}
.admin-inventory-hub-main{min-width:0}.admin-inventory-hub-main h2{margin:1px 0 5px;color:#fff;font-size:19px;line-height:1.1;font-weight:700}.admin-inventory-hub-main p{margin:0;color:#a9c0d4;font-size:11px;line-height:1.4;font-weight:400;white-space:normal}
.admin-inventory-hub-card.compact .admin-inventory-hub-stats{display:flex!important;grid-template-columns:none!important;gap:8px;margin:14px 0 0!important;padding:0!important;position:static!important}
.admin-inventory-hub-card.compact .admin-inventory-hub-stats span{min-width:76px;padding:7px 9px!important;border-radius:10px;background:#061421c7;border:1px solid #1d405f}
.admin-inventory-hub-card.compact .admin-inventory-hub-stats strong{display:block;color:#fff;font-size:17px;line-height:1;font-weight:700}.admin-inventory-hub-card.compact .admin-inventory-hub-stats small{display:block;margin-top:4px;color:#91a9be;font-size:8px;line-height:1.1;font-weight:600}
.admin-inventory-hub-arrow{align-self:center;color:#69c4ff;display:grid;place-items:center}.profiles .admin-inventory-hub-arrow{color:#b39cff}.custom .admin-inventory-hub-arrow{color:#63deb7}
.admin-add-type-options{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}.admin-add-type-options>button{width:100%;border:1px solid #d4e2ed;border-radius:14px;background:#f8fbfe;color:#12283d;padding:14px 15px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;transition:.17s ease}.admin-add-type-options>button:hover{border-color:#149df2;background:#eef8ff;transform:translateY(-1px)}.admin-add-type-options>button>.ap-icon{flex:0 0 auto;color:#079cff}.admin-add-type-options strong{display:block;font-size:14px;color:#0d2237}.admin-add-type-options small{display:block;margin-top:3px;font-size:11px;color:#60788e;line-height:1.35}
#custom-inventory-type-form[hidden]{display:none!important}
.admin-platform-type-page .admin-platform-type-head{gap:14px}.admin-platform-type-heading h1{color:#fff}.admin-type-summary article span{color:#a9bfd3!important;font-size:10px!important}.admin-type-summary article strong{color:#fff!important;font-size:24px!important}
@media(max-width:980px){.admin-platform-hub-head.simplified{grid-template-columns:auto 1fr}.admin-platform-detail-actions{grid-column:1/-1;justify-self:start}.admin-inventory-hub-card.compact{flex:1 1 360px;width:auto}}
@media(max-width:620px){.admin-platform-hub-head.simplified{grid-template-columns:1fr;gap:10px}.admin-platform-back.admin-back-green{justify-self:start}.admin-platform-detail-actions{grid-column:auto}.admin-inventory-hub-card.compact{flex:1 1 100%;width:100%;grid-template-columns:46px minmax(0,1fr) 18px;padding:14px!important}.admin-inventory-hub-card.compact .admin-inventory-hub-icon{width:44px;height:44px}.admin-inventory-hub-card.compact .admin-inventory-hub-stats{gap:5px}.admin-inventory-hub-card.compact .admin-inventory-hub-stats span{min-width:0;flex:1;padding:7px!important}.admin-inventory-hub-main h2{font-size:18px}}
.admin-inventory-hub-card.compact .admin-inventory-hub-stats small{font-size:9px!important;color:#b5c7d7!important;font-weight:600!important}
.admin-inventory-hub-main p{font-size:11.5px!important;color:#b3c7d8!important}


/* V59 - Gestión avanzada de cuentas completas */
.admin-platform-account-card.full-account{padding:14px;background:linear-gradient(155deg,#0d2034,#081724);border-color:#235071}.admin-platform-account-card.full-account h3{font-size:15px;margin-top:12px}.admin-platform-account-card.full-account>small{font-size:9px;color:#a9bfd2}.admin-account-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.admin-account-action-grid button{height:34px;border:1px solid #245d87;border-radius:9px;background:#0a1c2c;color:#eaf6ff;font:700 8.5px Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.admin-account-action-grid button:hover{border-color:#1da6ff;background:#0d2b43}.admin-history-client{display:grid;gap:3px;padding:12px;border:1px solid #d9e6ee;border-radius:12px;background:#f7fbfd;margin:10px 0}.admin-history-client strong{font-size:14px;color:#102b41}.admin-history-client span,.admin-history-client small{font-size:10px;color:#60798c}.admin-account-event-list{display:grid;gap:7px;max-height:340px;overflow:auto;margin:12px 0}.admin-account-event-list article{border:1px solid #dce8ef;border-radius:11px;padding:10px;background:#fff}.admin-account-event-list article span{font-weight:800;font-size:11px;color:#15334a}.admin-account-event-list article strong{float:right;font-size:9px;color:#738a9b}.admin-account-event-list article p{clear:both;margin:4px 0 0;font-size:10px;color:#536f82}.admin-account-event-list article code{display:inline-block;margin-top:6px;background:#eaf7ff;padding:5px 8px;border-radius:7px;color:#057bc2;font-weight:800}.admin-renewal-pending{border:1px solid #bfe0f2;background:#f4fbff;border-radius:12px;padding:10px;margin:10px 0}.admin-renewal-pending h3{margin:0 0 7px;font-size:12px}.admin-renewal-pending>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px}.gmail-connection{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #d8e4ec;border-radius:12px;background:#f8fbfd}.gmail-connection.connected{border-color:#a7e5ca;background:#f1fcf7}.gmail-connection strong{font-size:12px}.gmail-connection span{font-size:10px;color:#6b8090}.gmail-actions{display:flex;gap:8px;margin:10px 0}.gmail-rule-row{display:grid;grid-template-columns:.9fr 1.05fr 1.3fr 86px;gap:7px;margin:7px 0}.gmail-rule-row input,.gmail-rule-row select{height:40px;border:1px solid #d5e2ea;border-radius:9px;padding:0 10px;font:500 11px Inter,sans-serif;background:#fff}.account-notification-tools{display:flex;align-items:center;gap:7px}.account-notification-tools>span{min-width:28px;height:28px;border-radius:14px;display:grid;place-items:center;background:#e9f8ff;color:#0789c8;font-weight:900;font-size:11px}.account-notification-tools button{border:0;background:transparent;color:#168cca;font-weight:700;font-size:9px;cursor:pointer}.account-notice.unread{background:#f5fbff;border-radius:10px}.code-rule-buttons{display:grid;gap:8px}.code-rule-buttons button{height:44px;border:1px solid #cae0ed;border-radius:11px;background:#f7fbfd;color:#17364b;font-weight:800;cursor:pointer}.code-rule-buttons button:hover{border-color:#1ca1ef;background:#edf9ff}.delivered-code{margin-top:14px;border:1px solid #b7ddf2;background:#f2fbff;border-radius:14px;padding:16px;text-align:center}.delivered-code small,.delivered-code span{display:block;color:#6f8797;font-size:10px}.delivered-code strong{display:block;font-size:30px;letter-spacing:.12em;color:#087dc4;margin:6px 0}
@media(max-width:650px){.admin-account-action-grid{grid-template-columns:1fr 1fr}.gmail-rule-row{grid-template-columns:1fr}.admin-platform-account-card.full-account h3{font-size:14px}}

/* V59-R1 · edición de cuentas completas */
.admin-account-card-title{display:flex;align-items:center;gap:9px;min-width:0}.admin-account-card-title>span{width:34px;height:34px;border-radius:9px;background:#0e75d1;display:grid;place-items:center;color:#fff;flex:0 0 auto}.admin-account-card-title h3{margin:0!important;font-size:12px!important;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-platform-account-card.full-account{padding:12px}.admin-platform-account-card.full-account .admin-platform-account-card-top{align-items:center}.admin-platform-account-card.full-account .admin-account-action-grid{margin-top:12px}.admin-edit-secret-field{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;border:1px solid #d5e2ea;border-radius:10px;background:#fff;overflow:hidden}.admin-edit-secret-field input{border:0!important;border-radius:0!important;box-shadow:none!important;width:100%;height:44px;padding:0 12px!important;background:transparent!important}.admin-edit-secret-field button{height:44px;border:0;border-left:1px solid #e1eaf0;background:#f8fbfd;color:#527086;display:grid;place-items:center;cursor:pointer}.admin-edit-secret-field button:hover{background:#edf7fc;color:#138fd1}


/* V60-R1: acciones del inventario a un solo clic */
.admin-account-action-grid button{touch-action:manipulation;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.admin-account-action-grid button[aria-busy="true"]{opacity:.66;pointer-events:none}
.admin-action-loading{display:grid;justify-items:center;gap:8px;padding:26px 12px;text-align:center;color:#516176}
.admin-action-loading strong{color:#17253a;font-size:15px}
.admin-action-loading small{font-size:12px}
.admin-loading-dot{width:30px;height:30px;border:3px solid #d9e8f5;border-top-color:#079cff;border-radius:50%;animation:ap-spin .7s linear infinite}
@keyframes ap-spin{to{transform:rotate(360deg)}}