:root {
  --uni-ink:#2e2940;
  --uni-muted:#746f82;
  --uni-purple:#7a5af8;
  --uni-purple-dark:#6546dd;
  --uni-lilac:#eee7ff;
  --uni-pink:#f58db8;
  --uni-pink-soft:#ffe8f2;
  --uni-turquoise:#48cfc6;
  --uni-turquoise-soft:#dff9f6;
  --uni-yellow:#ffd96a;
  --uni-paper:#fffafd;
  --uni-line:#eadff0;
  --uni-white:#fff;
  --uni-shadow:0 14px 34px rgba(78,56,103,.10);
  --header-height:102px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Nunito",sans-serif;color:var(--uni-ink);background:var(--uni-paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}
.header{z-index:997;background:rgba(255,250,253,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,223,240,.9)}
.topbar{height:32px;display:flex;align-items:center;background:linear-gradient(90deg,var(--uni-purple),#8b67ee 54%,#6ecfca);color:#fff;font-size:11.5px;font-weight:800}.topbar a{color:#fff}.topbar i{margin-right:5px}
.branding{height:70px;display:flex;align-items:center}.brand-logo{display:inline-flex;align-items:center;gap:9px;min-width:165px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px 14px 14px 5px;background:linear-gradient(145deg,var(--uni-pink),var(--uni-purple));color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(122,90,248,.22)}.brand-words{display:flex;flex-direction:column;line-height:.9}.brand-words strong{font-size:18px;font-weight:900;letter-spacing:.055em}.brand-words small{margin-top:7px;color:var(--uni-purple);font-size:9px;font-weight:900;letter-spacing:.32em}
.navmenu ul{margin:0;padding:0;display:flex;align-items:center;gap:2px;list-style:none}.navmenu a{display:block;padding:10px 10px;border-radius:11px;color:#504a5f;font-size:13px;font-weight:900;transition:.2s}.navmenu a:hover,.navmenu a.active{color:var(--uni-purple-dark);background:var(--uni-lilac)}.mobile-nav-toggle{color:var(--uni-ink);font-size:27px;line-height:0;cursor:pointer}.header-actions{gap:8px}.designer-shortcut{height:40px;padding:0 14px;align-items:center;gap:7px;border-radius:12px;background:var(--uni-pink-soft);color:#a33f70;font-size:12px;font-weight:900}.cart-shortcut{width:40px;height:40px;position:relative;display:grid;place-items:center;border:1px solid var(--uni-line);border-radius:13px;background:#fff;font-size:18px}.cart-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--uni-purple);color:#fff;font-size:9px;font-weight:900}
.hero-unimagen{padding:calc(var(--header-height) + 34px) 0 28px;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,#ffe6f1 0,transparent 30%),radial-gradient(circle at 92% 22%,#e9e1ff 0,transparent 28%),radial-gradient(circle at 80% 100%,#dcf8f4 0,transparent 30%),#fffafd}.hero-fast{min-height:325px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--uni-purple-dark);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.eyebrow{padding:8px 12px;border-radius:999px;background:#f1eaff}.hero-copy h1{margin:14px 0 12px;max-width:700px;font-size:clamp(42px,5.1vw,70px);line-height:.96;letter-spacing:-.045em;font-weight:900}.hero-copy h1 span{background:linear-gradient(90deg,var(--uni-pink),var(--uni-purple),var(--uni-turquoise));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:650px;margin:0 0 20px;color:var(--uni-muted);font-size:16px;line-height:1.5}.btn-primary-uni,.btn-soft-uni,.btn-outline-uni{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;font-size:13px;font-weight:900;transition:.2s}.btn-primary-uni{background:linear-gradient(120deg,var(--uni-purple),#946cef);color:#fff;box-shadow:0 10px 24px rgba(122,90,248,.20)}.btn-primary-uni:hover{transform:translateY(-2px);color:#fff;filter:brightness(.97)}.btn-soft-uni{background:#fff;border:1px solid var(--uni-line);color:#5a4b70}.btn-soft-uni:hover{transform:translateY(-2px);border-color:#d4c5e8;color:var(--uni-purple-dark)}
.hero-visual{position:relative;max-width:470px;margin-left:auto}.hero-visual>img{display:block;border-radius:30px;box-shadow:var(--uni-shadow)}.compact-visual{max-height:300px;overflow:visible}.compact-visual>img{max-height:285px;width:100%;object-fit:cover}.floating-card{position:absolute;display:flex;align-items:center;padding:11px 15px;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(77,58,98,.15)}.floating-price{left:-18px;bottom:22px;flex-direction:column;align-items:flex-start;gap:0}.floating-price small{color:var(--uni-muted);font-size:10px;font-weight:800}.floating-price strong{color:var(--uni-purple-dark);font-size:23px;font-weight:900}
.quick-categories{margin-top:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick-chip{min-height:68px;padding:12px 13px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.65);border-radius:17px;box-shadow:0 8px 20px rgba(89,67,111,.06);transition:.2s}.quick-chip:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(89,67,111,.10)}.quick-chip>i{font-size:23px}.quick-chip span{display:flex;flex-direction:column;line-height:1.08}.quick-chip strong{font-size:12px;font-weight:900}.quick-chip small{margin-top:4px;color:#6f6879;font-size:10px;font-weight:700}.chip-pink{background:#ffe8f2}.chip-lilac{background:#eee7ff}.chip-turquoise{background:#dff9f6}.chip-purple{background:#f2e9ff}.chip-yellow{background:#fff4c9}
.automatic-section{padding:44px 0 48px;background:#fff}.compact-heading{margin-bottom:22px}.compact-heading h2{margin:5px 0 4px;font-size:clamp(29px,3vw,40px);font-weight:900;letter-spacing:-.035em}.compact-heading p{margin:0;color:var(--uni-muted);font-size:14px}.text-link{color:var(--uni-purple-dark);font-size:12px;font-weight:900}.text-link:hover{color:#9f4c83}
.col-xl-five{width:20%}.fast-product-card,.product-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid #eadff0;border-radius:19px;background:#fff;box-shadow:0 6px 18px rgba(82,59,101,.055);transition:.22s}.fast-product-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(82,59,101,.11)}.fast-product-media{height:168px;position:relative;display:block;overflow:hidden;background:linear-gradient(145deg,#fffafd,#f7f2fb)}.fast-product-media img{width:100%;height:100%;object-fit:contain;padding:14px;transition:.25s}.fast-product-card:hover img{transform:scale(1.035)}.fast-product-info{padding:13px 13px 14px;display:flex;flex-direction:column;flex:1}.fast-product-info h3{min-height:36px;margin:0 0 8px;font-size:13px;line-height:1.3;font-weight:900}.fast-price{display:flex;align-items:baseline;gap:7px;margin-top:auto}.fast-price span{color:#a39aaa;font-size:10px;text-decoration:line-through}.fast-price strong{color:#4a315f;font-size:17px;font-weight:900}.fast-action{margin-top:10px;min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;background:var(--uni-lilac);color:var(--uni-purple-dark);font-size:11px;font-weight:900}.fast-action:hover{background:var(--uni-purple);color:#fff}.palette-dot{position:absolute;right:10px;top:10px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.85)}.dot-1{background:var(--uni-pink)}.dot-2{background:var(--uni-purple)}.dot-3{background:var(--uni-turquoise)}.dot-4{background:#c38df5}.dot-5{background:#ffca66}
.catalog-section{padding:48px 0 58px;background:linear-gradient(180deg,#fbf7fd,#fffafd)}.catalog-filter-wrap{display:flex;justify-content:center;margin-bottom:22px}.catalog-filters{margin:0;padding:6px;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:5px;list-style:none;border:1px solid var(--uni-line);border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(78,56,103,.05)}.catalog-filters li{padding:8px 12px;border-radius:11px;color:#6e6577;font-size:11px;font-weight:900;cursor:pointer;transition:.2s}.catalog-filters li:hover,.catalog-filters li.filter-active{background:linear-gradient(120deg,var(--uni-purple),#9d6fe5);color:#fff}.product-media{height:185px;position:relative;display:block;overflow:hidden;background:#faf7fc}.product-media img{width:100%;height:100%;object-fit:contain;padding:15px;transition:.25s}.product-card:hover .product-media img{transform:scale(1.035)}.product-badge{position:absolute;top:10px;left:10px;z-index:2;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.badge-offer{background:#f76b9f;color:#fff}.badge-featured{background:#ffe58a;color:#6d5412}.badge-school{background:#fff;color:#6a4d82}.designable-chip{position:absolute;right:9px;bottom:9px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--uni-purple-dark);box-shadow:0 4px 12px rgba(78,56,103,.1);font-size:9px;font-weight:900}.product-info{padding:13px 13px 14px;display:flex;flex-direction:column;flex:1}.product-category{color:#a14a80;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.product-info h3{min-height:35px;margin:5px 0 0;font-size:13px;line-height:1.3;font-weight:900}.product-info h3 a:hover{color:var(--uni-purple)}.product-bottom{margin-top:auto;padding-top:11px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.price-wrap{display:flex;flex-direction:column;line-height:1.05}.price-wrap strong{color:#4a315f;font-size:17px;font-weight:900}.old-price{margin-bottom:2px;color:#a7a0ad;font-size:9px;text-decoration:line-through}.card-action-button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:11px;background:var(--uni-turquoise-soft);color:#237d77;font-size:10px;font-weight:900}.card-action-button:hover{background:var(--uni-turquoise);color:#173e3b}.round-action{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--uni-lilac);color:var(--uni-purple-dark)}.school-media{display:grid;place-items:center;background:linear-gradient(145deg,#fff0c0,#ffe0ef)}.school-illustration{display:flex;align-items:center;gap:9px;color:#694d78}.school-illustration i{font-size:44px}.school-illustration span{font-size:20px;line-height:1;font-weight:900}.school-cta{color:#694d78;font-size:12px}.preview-note{margin-top:24px;padding:11px 13px;border:1px solid #ead9a9;border-radius:13px;background:#fff7d8;color:#6d5b19;font-size:11px}.preview-note code{color:inherit;font-weight:900}
.direct-strip{padding:30px 0 42px;background:#fff}.direct-box{padding:22px 24px;border-radius:20px;background:linear-gradient(110deg,#ffe6f1,#eee7ff 48%,#dcf9f5);box-shadow:0 9px 24px rgba(78,56,103,.06)}.direct-box>div:first-child{display:flex;flex-direction:column}.direct-box strong{font-size:20px;font-weight:900}.direct-box span{margin-top:2px;color:#71667a;font-size:13px}
.footer-unimagen{padding:25px 0;background:#352b43;color:#f7f0fb}.footer-unimagen .footer-brand{color:#fff;margin:0}.footer-unimagen .brand-words small{color:#d9c8f4}.footer-unimagen .footer-links a{color:#d9cfdf;font-size:11px;font-weight:800}.footer-unimagen .footer-links a:hover{color:#fff}.footer-unimagen small{color:#bdb0c7;font-size:10px}.floating-whatsapp{position:fixed;right:18px;bottom:18px;width:51px;height:51px;z-index:996;display:grid;place-items:center;border-radius:17px;background:#25d366;color:#fff;font-size:23px;box-shadow:0 12px 25px rgba(37,211,102,.24)}.scroll-top{position:fixed;visibility:hidden;opacity:0;left:18px;bottom:18px;z-index:99999;width:40px;height:40px;border-radius:12px;background:var(--uni-purple);color:#fff;transition:.3s}.scroll-top.active{visibility:visible;opacity:1}#preloader{position:fixed;inset:0;z-index:999999;background:#fffafd;transition:.5s}#preloader:before{content:"";position:absolute;top:calc(50% - 19px);left:calc(50% - 19px);width:38px;height:38px;border:4px solid #eadff0;border-top-color:var(--uni-purple);border-radius:50%;animation:preloader 1s linear infinite}@keyframes preloader{to{transform:rotate(360deg)}}
@media(max-width:1199px){:root{--header-height:96px}.topbar{height:30px}.branding{height:66px}.navmenu ul{display:none;position:absolute;inset:66px 12px auto 12px;padding:12px;background:#fff;border:1px solid var(--uni-line);border-radius:16px;box-shadow:var(--uni-shadow)}.mobile-nav-active .navmenu ul{display:block}.navmenu li{display:block}.navmenu a{padding:11px 12px}.mobile-nav-active .mobile-nav-toggle{position:fixed;top:48px;right:25px;z-index:9999}.col-xl-five{width:25%}.quick-categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.hero-unimagen{padding-top:calc(var(--header-height) + 25px)}.hero-fast{min-height:auto}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{margin:8px auto 0;max-width:410px}.quick-categories{margin-top:12px}.col-xl-five{width:33.333333%}}
@media(max-width:767px){:root{--header-height:96px}.topbar{font-size:10px}.brand-logo{min-width:142px}.brand-mark{width:36px;height:36px;font-size:19px}.brand-words strong{font-size:15px}.brand-words small{font-size:7px}.cart-shortcut{width:38px;height:38px}.hero-unimagen{padding-bottom:20px}.hero-copy h1{font-size:clamp(38px,12vw,53px)}.hero-copy p{font-size:14px}.hero-actions .btn-primary-uni,.hero-actions .btn-soft-uni{flex:1 1 145px;min-height:44px;padding:0 12px;font-size:11px}.compact-visual{display:none}.quick-categories{grid-template-columns:repeat(2,1fr);gap:8px}.quick-chip{min-height:61px;padding:10px}.quick-chip:last-child{grid-column:1/-1}.automatic-section{padding:32px 0 36px}.compact-heading{text-align:center}.text-link{display:none}.col-xl-five{width:50%}.fast-product-media{height:142px}.fast-product-info{padding:10px}.fast-product-info h3{font-size:11px;min-height:32px}.fast-price strong{font-size:15px}.catalog-section{padding:36px 0 44px}.catalog-filters{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.catalog-filters li{text-align:center;padding:8px 4px;font-size:10px}.product-media{height:145px}.product-info{padding:10px}.product-info h3{font-size:11px;min-height:31px}.price-wrap strong{font-size:15px}.card-action-button{width:34px;padding:0}.card-action-button span{display:none}.direct-strip{padding:22px 0 30px}.direct-box{text-align:center;padding:20px 16px}.direct-box .d-flex{justify-content:center}.direct-box strong{font-size:17px}.footer-fast{text-align:center}.footer-links{justify-content:center}.floating-whatsapp{right:14px;bottom:14px}.scroll-top{left:14px;bottom:14px}}

.fechadores-section{padding-top:28px;background:linear-gradient(180deg,#fff 0%,#fcf8ff 100%);border-top:1px solid #f0e6f7}.fechadores-section .fast-product-card{background:#fff}

/* FASE 3.2 — PORTADA = SOLO CATÁLOGO POR TIPO DE TIMBRE */
.catalog-only-page{--header-height:72px;background:#fffafd}
.catalog-header .topbar{display:none}
.catalog-branding{height:72px;background:rgba(255,250,253,.98)}
.catalog-only-main{padding-top:72px}
.catalog-intro{padding:24px 0 18px;background:linear-gradient(110deg,#fff5fa 0%,#f8f2ff 52%,#effcf9 100%);border-bottom:1px solid var(--uni-line)}
.catalog-title-row h1{margin:0;font-size:clamp(28px,3vw,42px);line-height:1;font-weight:900;letter-spacing:-.04em}
.catalog-title-row p{margin:6px 0 0;color:var(--uni-muted);font-size:13px}
.catalog-jump{max-width:760px;justify-content:flex-end}
.catalog-jump a{padding:8px 11px;border:1px solid var(--uni-line);border-radius:999px;background:#fff;color:#5e536b;font-size:10.5px;font-weight:900;transition:.18s}
.catalog-jump a:hover{transform:translateY(-1px);border-color:#d9cbed;background:var(--uni-lilac);color:var(--uni-purple-dark)}
.catalog-type-section{padding:34px 0 42px;scroll-margin-top:84px}
.catalog-type-section .compact-heading{margin-bottom:17px}
.catalog-type-section .compact-heading h2{margin:0 0 3px;font-size:clamp(25px,2.5vw,34px)}
.catalog-type-section .compact-heading p{font-size:12px}
.catalog-type-section .compact-heading p strong{color:var(--uni-purple-dark)}
.section-automaticos{background:#fff}
.section-bolsillo{background:#fff7fb;border-top:1px solid #f3e5ee;border-bottom:1px solid #f3e5ee}
.section-circulares{background:#f8f4ff}
.section-fechadores{background:#f2fcfa;border-top:1px solid #dff3ef;border-bottom:1px solid #dff3ef}
.section-numeradores{background:#fff8ee}
.section-insumos{background:#fff}
.catalog-status-section{padding:0 0 28px;background:#fff}
.catalog-footer{margin-top:0}
.catalog-nav a{font-size:12px}
.catalog-only-page .fast-product-card{background:#fff}
.catalog-only-page .fast-product-media{height:174px}
.catalog-only-page .fast-product-info h3{min-height:34px}

@media(max-width:1199px){
  .catalog-only-page{--header-height:68px}
  .catalog-branding{height:68px}
  .catalog-only-main{padding-top:68px}
  .catalog-header .navmenu ul{inset:68px 12px auto 12px}
  .catalog-jump{justify-content:flex-start}
}
@media(max-width:767px){
  .catalog-intro{padding:18px 0 13px}
  .catalog-title-row h1{font-size:29px}
  .catalog-title-row p{font-size:11.5px}
  .catalog-jump{gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px;width:100%;scrollbar-width:none}
  .catalog-jump::-webkit-scrollbar{display:none}
  .catalog-jump a{flex:0 0 auto;padding:7px 10px;font-size:9.5px}
  .catalog-type-section{padding:27px 0 32px;scroll-margin-top:75px}
  .catalog-type-section .compact-heading{text-align:left;margin-bottom:13px}
  .catalog-type-section .compact-heading h2{font-size:25px}
  .catalog-type-section .compact-heading p{font-size:11px}
  .catalog-only-page .fast-product-media{height:148px}
}

/* =========================================================
   UNIMAGEN FASE 3.3 - CATALOGO UNICO CON PESTANAS
   ========================================================= */
.catalog-tabs-page{--header-height:68px;background:#fffafd;min-height:100vh}
.catalog-tabs-page .catalog-branding{height:68px;background:rgba(255,250,253,.98);border-bottom:1px solid #eee2f2;box-shadow:0 3px 14px rgba(82,59,101,.04)}
.catalog-tabs-main{padding-top:68px;min-height:calc(100vh - 68px)}
.catalog-tabs-shell{padding:20px 0 34px;background:linear-gradient(180deg,#fff9fc 0,#fbf7ff 130px,#fff 320px)}
.catalog-tabs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.catalog-tabs-head h1{margin:0;font-size:clamp(26px,3vw,37px);font-weight:900;letter-spacing:-.04em;color:#302440}
.catalog-tabs{display:flex;align-items:center;gap:7px;padding:6px;margin-bottom:18px;overflow-x:auto;border:1px solid #eadff0;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(82,59,101,.055);scrollbar-width:none}
.catalog-tabs::-webkit-scrollbar{display:none}
.catalog-tab{appearance:none;border:0;flex:0 0 auto;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border-radius:12px;background:transparent;color:#665a70;font-family:inherit;font-size:11.5px;font-weight:900;white-space:nowrap;cursor:pointer;transition:.18s ease}
.catalog-tab:hover{background:#f7f0ff;color:#5d3b85}
.catalog-tab span{min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:999px;background:#f2ebf7;color:#7b688c;font-size:9px;font-weight:900}
.catalog-tab.is-active{background:linear-gradient(120deg,#8c63ef,#ad78e6);color:#fff;box-shadow:0 6px 15px rgba(128,88,220,.23)}
.catalog-tab.is-active span{background:rgba(255,255,255,.22);color:#fff}
.catalog-panels{min-height:300px}
.catalog-panel{display:none}
.catalog-panel.is-active{display:block;animation:uniCatalogReveal .18s ease both}
.catalog-panel[hidden]{display:none!important}
@keyframes uniCatalogReveal{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.catalog-panel-title{display:flex;align-items:baseline;gap:9px;margin:0 0 13px}
.catalog-panel-title h2{margin:0;font-size:clamp(21px,2vw,28px);font-weight:900;letter-spacing:-.025em;color:#34263f}
.catalog-panel-title small{color:#95899e;font-size:10.5px;font-weight:800}
.catalog-tabs-page .fast-product-card{background:#fff}
.catalog-tabs-page .fast-product-media{height:168px}
.catalog-preview-status{margin-top:18px;color:#968a9f;font-size:10px;text-align:center}
.catalog-tabs-footer{margin-top:0;padding:18px 0;background:#32283c;color:#e9e2ec}
.catalog-tabs-footer a{color:#fff;font-size:11px;font-weight:800}
.catalog-tabs-footer small{font-size:10px}
@media(max-width:767px){
  .catalog-tabs-page{--header-height:64px}
  .catalog-tabs-page .catalog-branding{height:64px}
  .catalog-tabs-main{padding-top:64px}
  .catalog-tabs-shell{padding:14px 0 25px}
  .catalog-tabs-head{margin-bottom:10px}
  .catalog-tabs-head h1{font-size:26px}
  .catalog-tabs{margin-left:-2px;margin-right:-2px;margin-bottom:13px;padding:5px;gap:4px;border-radius:14px}
  .catalog-tab{min-height:35px;padding:0 10px;font-size:10px;gap:5px}
  .catalog-tab span{min-width:18px;height:18px;font-size:8px}
  .catalog-panel-title{margin-bottom:10px}
  .catalog-panel-title h2{font-size:21px}
  .catalog-panel-title small{font-size:9.5px}
  .catalog-tabs-page .fast-product-media{height:145px}
  .catalog-tabs-footer{padding:15px 0}
}

/* =========================================================
   UNIMAGEN FASE 3.4 - BANNER CORTO + PESTANAS GRANDES + ESCOLARES
   ========================================================= */
.catalog-banner-page .catalog-tabs-main{padding-top:68px}
.catalog-banner-shell{padding:16px 0 6px;background:linear-gradient(180deg,#fff9fc 0,#faf7ff 100%)}
.catalog-hero-mini{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;align-items:center;padding:24px 26px;border:1px solid #eadff0;border-radius:28px;background:linear-gradient(135deg,#fff 0,#fff7fc 52%,#f6fbff 100%);box-shadow:0 16px 40px rgba(84,59,105,.08);overflow:hidden}
.catalog-hero-mini::before{content:"";position:absolute;right:-40px;top:-45px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(122,90,248,.13) 0,rgba(122,90,248,0) 70%)}
.catalog-hero-mini::after{content:"";position:absolute;left:-30px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(72,207,198,.12) 0,rgba(72,207,198,0) 72%)}
.hero-copy,.hero-visual{position:relative;z-index:2}
.hero-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 11px;border-radius:999px;background:#f2ebff;color:#6a48e1;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hero-copy h1{margin:0 0 10px;font-size:clamp(30px,3.5vw,42px);line-height:1.02;font-weight:900;letter-spacing:-.04em;color:#302440;max-width:680px}
.hero-copy p{margin:0;color:#6e6578;font-size:14px;max-width:540px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.hero-delivery-note{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 11px;border:1px solid #d7efe9;border-radius:12px;background:#effcf8;color:#29766d;font-size:11.5px;font-weight:800;box-shadow:0 6px 16px rgba(72,207,198,.08)}.hero-delivery-note i{font-size:15px;color:#25a99d}.hero-delivery-note strong{font-weight:1000}
.hero-btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:14px;font-size:13px;font-weight:900;transition:.18s ease;box-shadow:0 10px 25px rgba(84,59,105,.08)}
.hero-btn.primary{background:linear-gradient(120deg,#8c63ef,#ad78e6);color:#fff}
.hero-btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(128,88,220,.24)}
.hero-btn.secondary{background:#fff;border:1px solid #e9def5;color:#6a48e1}
.hero-btn.secondary:hover{background:#f8f2ff;color:#5631d1}
.hero-visual{min-height:180px;display:flex;align-items:center;justify-content:center}
.hero-stamp-card{position:absolute;display:flex;flex-direction:column;gap:3px;min-width:160px;padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.92);border:1px solid rgba(234,223,240,.95);box-shadow:0 14px 30px rgba(82,59,101,.12);backdrop-filter:blur(4px)}
.hero-stamp-card strong{font-size:16px;font-weight:900;color:#2f2540}
.hero-stamp-card small{font-size:11px;color:#7a7084;font-weight:800}
.hero-stamp-card.card-a{left:22px;top:10px;transform:rotate(-5deg)}
.hero-stamp-card.card-b{right:10px;bottom:6px;transform:rotate(5deg)}
.chip{display:inline-flex;align-items:center;align-self:flex-start;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.chip-pink{background:#ffe7f2;color:#b64e81}
.chip-teal{background:#ddfaf7;color:#1d8f89}
.hero-bubble{position:absolute;border-radius:50%;filter:blur(1px)}
.bubble-1{width:78px;height:78px;right:34px;top:18px;background:#efe6ff}
.bubble-2{width:54px;height:54px;left:78px;bottom:20px;background:#dff9f6}
.bubble-3{width:24px;height:24px;right:134px;bottom:68px;background:#ffe9b8}
.catalog-banner-page .catalog-tabs-shell{padding:12px 0 34px;background:#fff}
.catalog-banner-page .catalog-tabs-head{margin-bottom:10px}
.catalog-banner-page .catalog-tabs-head h2{margin:0;font-size:clamp(22px,2.2vw,29px);font-weight:900;letter-spacing:-.03em;color:#302440}
.catalog-banner-page .catalog-tabs{gap:9px;padding:8px;border-radius:19px;margin-bottom:18px}
.catalog-banner-page .catalog-tab{min-height:48px;padding:0 18px;font-size:14px;gap:8px;border-radius:14px}
.catalog-banner-page .catalog-tab span{min-width:25px;height:25px;padding:0 7px;font-size:11px}
.catalog-banner-page .catalog-panel-title{margin-bottom:14px}
.catalog-banner-page .catalog-panel-title h3{margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:900;color:#34263f;letter-spacing:-.03em}
.catalog-banner-page .catalog-panel-title small{font-size:11px;color:#8f8499;font-weight:800}
@media(max-width:991px){
  .catalog-hero-mini{grid-template-columns:1fr;padding:22px 20px;gap:14px}
  .hero-copy h1{max-width:none}
  .hero-visual{min-height:155px}
  .hero-stamp-card.card-a{left:12px;top:0}
  .hero-stamp-card.card-b{right:12px;bottom:2px}
}
@media(max-width:767px){
  .catalog-banner-shell{padding:12px 0 4px}
  .catalog-hero-mini{padding:18px 16px;border-radius:22px}
  .hero-kicker{font-size:10px;padding:5px 9px;margin-bottom:8px}
  .hero-copy h1{font-size:29px;margin-bottom:8px}
  .hero-copy p{font-size:12.5px}
  .hero-actions{gap:8px;margin-top:13px}
  .hero-btn{min-height:40px;padding:0 13px;font-size:11.5px;border-radius:12px}
  .hero-visual{min-height:135px}
  .hero-stamp-card{min-width:138px;padding:12px 13px;border-radius:16px}
  .hero-stamp-card strong{font-size:13.5px}
  .hero-stamp-card small{font-size:10px}
  .catalog-banner-page .catalog-tabs-head h2{font-size:21px}
  .catalog-banner-page .catalog-tabs{padding:6px;gap:5px;margin-bottom:13px;border-radius:16px}
  .catalog-banner-page .catalog-tab{min-height:43px;padding:0 14px;font-size:12px}
  .catalog-banner-page .catalog-tab span{min-width:22px;height:22px;font-size:9.5px}
  .catalog-banner-page .catalog-panel-title h3{font-size:22px}
}

/* =========================================================
   UNIMAGEN FASE 3.4 HF1 - CATALOGO ESCOLAR REAL
   ========================================================= */
.school-catalog-note{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:15px;background:linear-gradient(90deg,#fff3fa,#f1fbfa);border:1px solid #f0dfea;color:#655a6f;font-size:12px;font-weight:800}
.school-catalog-note i{font-size:18px;color:#8c63ef}
.school-catalog-note strong{color:#553c7b}
.school-design-card{background:#fff;border:1px solid #eadff0;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(82,59,101,.07);transition:.18s ease}
.school-design-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(82,59,101,.11)}
.school-design-media{position:relative;width:100%;height:205px;padding:10px;border:0;background:linear-gradient(180deg,#fff,#fff9fc);display:flex;align-items:center;justify-content:center;cursor:pointer}
.school-design-media img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;background:#fff}
.school-design-code{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(46,41,64,.78);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}
.school-zoom{position:absolute;right:10px;top:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.94);color:#6a48e1;box-shadow:0 5px 14px rgba(82,59,101,.12);font-size:13px}
.school-item-hidden{display:none!important}
.school-more-wrap{display:flex;justify-content:center;margin-top:18px}
.school-more-btn{min-height:44px;padding:0 17px;border:0;border-radius:14px;background:#f2ebff;color:#6a48e1;font-family:inherit;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.18s ease}
.school-more-btn:hover{background:#e8dcff;color:#5631d1}
.school-preview-modal[hidden]{display:none!important}
.school-preview-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}
.school-preview-backdrop{position:absolute;inset:0;border:0;background:rgba(38,28,50,.72);backdrop-filter:blur(3px);cursor:pointer}
.school-preview-dialog{position:relative;z-index:2;width:min(860px,96vw);max-height:90vh;padding:16px;border-radius:24px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.28);overflow:auto}
.school-preview-dialog img{display:block;width:100%;max-height:76vh;object-fit:contain;border-radius:16px;background:#fffafc}
.school-preview-title{padding:2px 46px 12px 2px;font-size:15px;font-weight:900;color:#332640}
.school-preview-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f4eff8;color:#624781;display:grid;place-items:center;cursor:pointer}
@media(max-width:767px){
  .school-design-media{height:160px}
  .school-catalog-note{font-size:11px;padding:10px 12px}
  .school-preview-dialog{padding:12px;border-radius:18px}
}

/* =========================================================
   UNIMAGEN FASE 3.5 - MAS VIDA PASTEL, SIN PERDER CLARIDAD
   ========================================================= */
.catalog-banner-page{
  background:
    radial-gradient(circle at 7% 16%, rgba(245,141,184,.12), transparent 25%),
    radial-gradient(circle at 92% 22%, rgba(72,207,198,.12), transparent 24%),
    linear-gradient(180deg,#fff9fd 0%,#faf7ff 44%,#f7fcfb 100%);
}
.catalog-banner-page .catalog-branding{
  background:linear-gradient(90deg,rgba(255,247,252,.98),rgba(249,246,255,.98) 55%,rgba(242,253,251,.98));
  border-bottom:1px solid #eadff0;
  box-shadow:0 5px 18px rgba(94,65,122,.07);
}
.catalog-banner-page .brand-mark{
  background:linear-gradient(145deg,#f58db8 0%,#a56bea 52%,#48cfc6 100%);
  box-shadow:0 10px 24px rgba(122,90,248,.27);
}
.catalog-banner-page .designer-shortcut{
  background:linear-gradient(120deg,#ffe5f0,#eee5ff);
  color:#7a4491;
  border:1px solid #efd6e7;
}
.catalog-banner-page .cart-shortcut{
  background:linear-gradient(145deg,#e0faf6,#efe8ff);
  border-color:#d9eee9;
}

.catalog-banner-shell{
  padding:18px 0 9px;
  background:transparent;
}
.catalog-hero-mini{
  border:1px solid rgba(215,190,232,.72);
  background:
    linear-gradient(120deg,rgba(255,235,246,.96) 0%,rgba(244,235,255,.96) 48%,rgba(222,250,247,.96) 100%);
  box-shadow:0 18px 44px rgba(111,75,138,.13);
}
.catalog-hero-mini::before{
  right:-10px;top:-75px;width:245px;height:245px;
  background:radial-gradient(circle,rgba(122,90,248,.25) 0,rgba(122,90,248,0) 68%);
}
.catalog-hero-mini::after{
  left:-55px;bottom:-95px;width:235px;height:235px;
  background:radial-gradient(circle,rgba(245,141,184,.21) 0,rgba(245,141,184,0) 70%);
}
.hero-kicker{
  color:#7d3f92;
  background:linear-gradient(90deg,#ffe1ef,#eee3ff);
  border:1px solid rgba(221,183,216,.7);
}
.hero-copy h1{color:#372248;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.hero-copy p{color:#675a72;font-weight:700}
.hero-btn.primary{
  background:linear-gradient(120deg,#e96ba5 0%,#9b68ed 55%,#6d79e8 100%);
  box-shadow:0 11px 26px rgba(152,91,194,.25);
}
.hero-btn.secondary{
  border-color:#cceae5;
  background:linear-gradient(120deg,#ffffff,#e8faf7);
  color:#267d79;
}
.hero-btn.secondary:hover{background:#dff8f4;color:#176f6b}
.hero-stamp-card.card-a{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,235,245,.96));
  border-color:#f0cadc;
}
.hero-stamp-card.card-b{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,250,247,.96));
  border-color:#cceee9;
}
.bubble-1{background:linear-gradient(145deg,#e7d8ff,#f1e8ff)}
.bubble-2{background:linear-gradient(145deg,#ccefeb,#e1faf7)}
.bubble-3{background:linear-gradient(145deg,#ffe1ef,#ffe9bc)}

.catalog-banner-page .catalog-tabs-shell{
  position:relative;
  padding:18px 0 40px;
  background:
    linear-gradient(180deg,rgba(249,244,255,.92) 0%,rgba(255,247,252,.94) 48%,rgba(242,252,250,.94) 100%);
  border-top:1px solid rgba(232,216,240,.85);
}
.catalog-banner-page .catalog-tabs-shell::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,#f58db8 0 22%,#a879eb 22% 46%,#48cfc6 46% 70%,#ffd96a 70% 84%,#ee8db8 84% 100%);
  opacity:.9;
}
.catalog-banner-page .catalog-tabs-head h2{
  color:#49285a;
}
.catalog-banner-page .catalog-tabs{
  border-color:#dfd0e7;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 28px rgba(91,63,113,.10);
  backdrop-filter:blur(8px);
}

/* Cada pestaña tiene una identidad pastel; al activarse toma más fuerza. */
.catalog-banner-page .catalog-tab{border:1px solid transparent;color:#5f536a}
.catalog-banner-page [data-catalog-tab="automaticos"]{background:#ffe8f2;border-color:#f5d2e2;color:#9a4770}
.catalog-banner-page [data-catalog-tab="fechadores"]{background:#ede5ff;border-color:#ddd0fb;color:#6748a1}
.catalog-banner-page [data-catalog-tab="bolsillo"]{background:#e1f8f5;border-color:#cceee9;color:#277f7a}
.catalog-banner-page [data-catalog-tab="circulares"]{background:#f2e9ff;border-color:#dfd1f5;color:#7950a5}
.catalog-banner-page [data-catalog-tab="numeradores"]{background:#fff0db;border-color:#f2dec1;color:#986c2e}
.catalog-banner-page [data-catalog-tab="insumos"]{background:#e8f4ff;border-color:#d4e7f6;color:#47799d}
.catalog-banner-page [data-catalog-tab="escolares"]{background:#fff1bd;border-color:#f1dda0;color:#80611f}
.catalog-banner-page .catalog-tab:hover{filter:saturate(1.08);transform:translateY(-1px)}
.catalog-banner-page [data-catalog-tab="automaticos"].is-active{background:linear-gradient(120deg,#e8649f,#a366e9);color:#fff;border-color:transparent}
.catalog-banner-page [data-catalog-tab="fechadores"].is-active{background:linear-gradient(120deg,#8462e9,#ab72e6);color:#fff;border-color:transparent}
.catalog-banner-page [data-catalog-tab="bolsillo"].is-active{background:linear-gradient(120deg,#31bdb4,#5f82e5);color:#fff;border-color:transparent}
.catalog-banner-page [data-catalog-tab="circulares"].is-active{background:linear-gradient(120deg,#a55ee0,#df71b5);color:#fff;border-color:transparent}
.catalog-banner-page [data-catalog-tab="numeradores"].is-active{background:linear-gradient(120deg,#eba956,#d783a7);color:#fff;border-color:transparent}
.catalog-banner-page [data-catalog-tab="insumos"].is-active{background:linear-gradient(120deg,#559ed2,#6c72e5);color:#fff;border-color:transparent}
.catalog-banner-page [data-catalog-tab="escolares"].is-active{background:linear-gradient(120deg,#e6aa43,#ec7fa5);color:#fff;border-color:transparent}
.catalog-banner-page .catalog-tab.is-active{
  box-shadow:0 8px 19px rgba(111,74,145,.20);
}
.catalog-banner-page .catalog-tab span{
  background:rgba(255,255,255,.68);
  color:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.catalog-banner-page .catalog-tab.is-active span{background:rgba(255,255,255,.24);color:#fff}

.catalog-panels{
  padding:19px;
  border:1px solid rgba(226,210,235,.85);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 34px rgba(84,59,105,.08);
  backdrop-filter:blur(6px);
}
.catalog-panel-title h3{color:#402850!important}
.catalog-panel-title small{
  padding:4px 9px;border-radius:999px;background:#f3ebf8;color:#7b668a!important;
}

.catalog-banner-page .fast-product-card{
  position:relative;
  border-color:#e7d9ee;
  background:linear-gradient(180deg,#fff 0%,#fffafd 100%);
  box-shadow:0 9px 23px rgba(88,61,109,.08);
}
.catalog-banner-page .fast-product-card::before{
  content:"";height:4px;position:absolute;left:0;right:0;top:0;z-index:3;
  background:linear-gradient(90deg,#f58db8,#a879eb,#48cfc6);
  opacity:.72;
}
.catalog-banner-page .quick-product-grid > div:nth-child(5n+1) .fast-product-media{background:linear-gradient(145deg,#fff6fa,#f9eaf2)}
.catalog-banner-page .quick-product-grid > div:nth-child(5n+2) .fast-product-media{background:linear-gradient(145deg,#fbf7ff,#efe8ff)}
.catalog-banner-page .quick-product-grid > div:nth-child(5n+3) .fast-product-media{background:linear-gradient(145deg,#f6fffd,#e2f8f5)}
.catalog-banner-page .quick-product-grid > div:nth-child(5n+4) .fast-product-media{background:linear-gradient(145deg,#fffaf0,#fff0d7)}
.catalog-banner-page .quick-product-grid > div:nth-child(5n+5) .fast-product-media{background:linear-gradient(145deg,#f7fbff,#e9f3ff)}
.catalog-banner-page .fast-action{
  background:linear-gradient(120deg,#efe6ff,#ffe5f0);
  color:#714389;
  border:1px solid #ead7ee;
}
.catalog-banner-page .fast-action:hover{
  background:linear-gradient(120deg,#e66ba3,#9164e7);color:#fff;border-color:transparent;
}
.catalog-banner-page .fast-price strong{color:#6a3b79}
.catalog-banner-page .fast-product-card:hover{
  border-color:#d7bee4;
  box-shadow:0 18px 36px rgba(98,65,122,.15);
}

.school-catalog-note{
  background:linear-gradient(90deg,#ffe9f4 0%,#f2eaff 48%,#e0faf6 100%);
  border-color:#e4cfe8;
  box-shadow:0 6px 18px rgba(88,61,109,.06);
}
.school-design-card{
  position:relative;
  border-color:#e5d5ea;
  background:linear-gradient(180deg,#fff 0%,#fff9fd 100%);
}
.school-design-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:3;
  background:linear-gradient(90deg,#f58db8,#a879eb,#48cfc6,#ffd96a);
}
.school-design-grid > div:nth-child(4n+1) .school-design-media{background:linear-gradient(180deg,#fff,#fff0f6)}
.school-design-grid > div:nth-child(4n+2) .school-design-media{background:linear-gradient(180deg,#fff,#f2ecff)}
.school-design-grid > div:nth-child(4n+3) .school-design-media{background:linear-gradient(180deg,#fff,#e8faf7)}
.school-design-grid > div:nth-child(4n+4) .school-design-media{background:linear-gradient(180deg,#fff,#fff4dc)}
.school-more-btn{
  background:linear-gradient(120deg,#efe5ff,#ffe6f1);
  border:1px solid #dfcbe8;
  color:#704088;
  box-shadow:0 8px 20px rgba(98,65,122,.09);
}
.school-more-btn:hover{background:linear-gradient(120deg,#a56bea,#e875aa);color:#fff}

.catalog-tabs-footer{
  background:linear-gradient(100deg,#4a2d5a 0%,#5d3f78 45%,#2f6f70 100%);
  border-top:4px solid #e38ab4;
}
.floating-whatsapp{box-shadow:0 10px 25px rgba(41,159,151,.30)}

@media(max-width:767px){
  .catalog-panels{padding:13px;border-radius:19px}
  .catalog-banner-page .catalog-tabs{background:rgba(255,255,255,.9)}
  .catalog-banner-page .catalog-tab{font-size:12px}
  .catalog-banner-page .catalog-tabs-shell{padding-top:15px}
}

/* UNIMAGEN FASE 3.6 - LIBRERIA SEPARADA DEL CATALOGO ESCOLAR */
.catalog-banner-page [data-catalog-tab="libreria"]{background:#e7fbf3;border-color:#cfeee2;color:#287d65}
.catalog-banner-page [data-catalog-tab="libreria"].is-active{background:linear-gradient(120deg,#31b98f,#55a9df);color:#fff;border-color:transparent}
.chip-yellow{background:#fff1bd;color:#80611f}
.hero-stamp-card.card-c{right:88px;top:4px;transform:rotate(-1deg);min-width:125px;padding:10px 12px;z-index:3}
.hero-stamp-card.card-c strong{font-size:13px}
.hero-stamp-card.card-c small{font-size:9.5px}
@media(max-width:991px){
  .hero-stamp-card.card-c{right:42%;top:7px;min-width:118px}
}
@media(max-width:767px){
  .hero-stamp-card.card-c{right:35%;top:4px;min-width:105px;padding:8px 9px}
  .hero-stamp-card.card-c strong{font-size:11.5px}
}

/* =========================================================
   UNIMAGEN FASE 3.6 HF1 - MENU CATALOGO SIN RECORTE
   ========================================================= */
@media (min-width: 992px){
  .catalog-banner-page .catalog-tabs{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:6px;
    overflow:visible;
    width:100%;
  }
  .catalog-banner-page .catalog-tab{
    width:100%;
    min-width:0;
    min-height:50px;
    padding:0 7px;
    justify-content:center;
    font-size:12.5px;
    gap:5px;
  }
  .catalog-banner-page .catalog-tab span{
    min-width:21px;
    height:21px;
    padding:0 5px;
    font-size:9.5px;
    flex:0 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .catalog-banner-page .catalog-tabs{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    overflow:visible;
  }
  .catalog-banner-page .catalog-tab{
    width:100%;
    justify-content:center;
    min-width:0;
    min-height:46px;
    padding:0 10px;
    font-size:12.5px;
  }
}

@media (max-width: 767px){
  .catalog-banner-page .catalog-tabs{
    display:flex;
    overflow-x:auto;
    flex-wrap:nowrap;
  }
  .catalog-banner-page .catalog-tab{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
  }
}

/* =========================================================
   UNIMAGEN CATALOGO HF - VISTA PREVIA + COMPRA DIRECTA
   ========================================================= */
.catalog-tabs-page button.fast-product-media{
  width:100%;border:0;padding:0;margin:0;text-align:initial;font:inherit;cursor:zoom-in;
}
.catalog-tabs-page .product-zoom{
  position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;
  min-height:27px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.94);
  color:#624781;box-shadow:0 4px 12px rgba(63,43,78,.12);font-size:11px;font-weight:900;
  opacity:0;transform:translateY(4px);transition:.18s;pointer-events:none;
}
.catalog-tabs-page .product-zoom small{font-size:9px;font-weight:900}
.catalog-tabs-page .fast-product-card:hover .product-zoom,
.catalog-tabs-page .product-preview-trigger:focus-visible .product-zoom{opacity:1;transform:none}
.catalog-tabs-page .fast-action-cart{background:linear-gradient(135deg,#e9fbf7,#eee7ff);color:#5f45bd}
.catalog-tabs-page .fast-action-cart:hover{background:linear-gradient(135deg,#7a5af8,#20b9e6);color:#fff}
.product-preview-dialog{width:min(760px,94vw)}
.product-preview-dialog img{max-height:70vh;padding:10px;object-fit:contain;background:linear-gradient(145deg,#fffafd,#f7f2fb)}
.product-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-right:46px}
.product-preview-head .school-preview-title{padding-right:0}
.product-preview-head strong{white-space:nowrap;color:#ef4f78;font-size:20px;font-weight:900}
@media(max-width:767px){
  .catalog-tabs-page .product-zoom{opacity:1;transform:none;left:7px;bottom:7px;min-height:24px;padding:0 7px}
  .catalog-tabs-page .product-zoom small{display:none}
  .product-preview-head{align-items:flex-start;flex-direction:column;gap:0}
  .product-preview-head strong{font-size:17px;margin:0 0 8px}
}

/* UNIMAGEN FASE 3.8 - Catálogo Escolar: selección + modal 911 */
.school-design-card{display:flex;flex-direction:column}
.school-select-btn{width:calc(100% - 16px);margin:0 8px 8px;min-height:38px;border:1px solid #e4d7ef;border-radius:12px;background:#fff;color:#6a5482;font-family:inherit;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease}
.school-select-btn:hover{background:#f7f0ff;color:#6742d6}
.school-design-card.is-selected{border-color:#a98cf5;box-shadow:0 14px 30px rgba(127,91,220,.18)}
.school-design-card.is-selected .school-select-btn{background:linear-gradient(120deg,#7658ef,#25b9dc);border-color:transparent;color:#fff}
.school-design-card.is-selected .school-design-media::after{content:'✓';position:absolute;right:9px;top:9px;width:28px;height:28px;border-radius:50%;background:#6d55e7;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900;box-shadow:0 5px 12px rgba(81,59,170,.24)}
.school-selection-bar[hidden]{display:none!important}
.school-selection-bar{position:sticky;bottom:12px;z-index:42;margin:18px auto 0;width:min(850px,calc(100% - 8px));padding:11px 12px;border:1px solid #dfd2ef;border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(66,43,88,.16);display:flex;align-items:center;justify-content:space-between;gap:14px}
.school-selection-copy{display:flex;flex-direction:column;gap:1px;color:#392c47}.school-selection-copy strong{font-size:12px}.school-selection-copy small{font-size:10px;color:#81758d;font-weight:800}
.school-selection-actions{display:flex;gap:8px;align-items:center}.school-clear-btn,.school-configure-btn{min-height:38px;border-radius:12px;font-family:inherit;font-size:11px;font-weight:900;padding:0 13px;border:0}
.school-clear-btn{background:#f6f2f8;color:#76677f}.school-configure-btn{background:linear-gradient(120deg,#805df0,#25b9dc);color:#fff;display:flex;align-items:center;gap:7px;box-shadow:0 7px 16px rgba(102,80,218,.2)}
.school-preview-select{width:100%;margin-top:12px;min-height:44px;border:0;border-radius:14px;background:linear-gradient(120deg,#805df0,#25b9dc);color:#fff;font-family:inherit;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.school-preview-select.is-selected{background:#e8f8f4;color:#25856d}
.school-config-modal[hidden]{display:none!important}.school-config-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:16px}.school-config-backdrop{position:absolute;inset:0;border:0;background:rgba(35,25,48,.74);backdrop-filter:blur(4px)}
.school-config-dialog{position:relative;z-index:2;width:min(1040px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#fffafd,#f7fbff);border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.28);padding:18px}
.school-config-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:2px 2px 14px;border-bottom:1px solid #ece3f1}.school-config-head h2{font-size:clamp(20px,2.4vw,29px);font-weight:900;color:#31243f;margin:3px 0 4px;letter-spacing:-.03em}.school-config-head p{margin:0;color:#776b82;font-size:12px;font-weight:700;max-width:700px}.school-config-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eee6ff;color:#6d4bd2;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.school-config-close{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;background:#f3edf7;color:#664d77;display:grid;place-items:center}.school-config-empty{padding:28px;text-align:center;color:#7b6b88;font-weight:900}
.school-config-list{display:grid;gap:14px;padding:14px 0}.school-config-item{background:#fff;border:1px solid #eadff0;border-radius:20px;padding:14px;box-shadow:0 8px 20px rgba(73,49,91,.06);transition:.15s}.school-config-item.has-error{border-color:#f06b83;box-shadow:0 0 0 3px rgba(240,107,131,.12)}
.school-config-design{display:flex;align-items:center;gap:12px;margin-bottom:11px}.school-config-design img{width:90px;height:68px;object-fit:contain;background:#fff9fc;border:1px solid #eee3f2;border-radius:13px;padding:5px}.school-config-design div{display:flex;flex-direction:column}.school-config-design small{font-size:9px;color:#93869d;font-weight:900;text-transform:uppercase}.school-config-design strong{font-size:15px;color:#382b46;font-weight:900}
.school-config-row-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.school-config-row-head>div{display:flex;flex-direction:column}.school-config-row-head strong{font-size:13px;color:#3b2c48}.school-config-row-head small{font-size:10px;color:#897c92;font-weight:800}.school-qty{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;color:#6f607c}.school-qty input{width:66px;height:36px;border:1px solid #ddcfee;border-radius:10px;padding:0 8px;font:inherit;text-align:center;color:#3e2d4c}
.school-911-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.school-911-option{position:relative;cursor:pointer}.school-911-option input{position:absolute;opacity:0;pointer-events:none}.school-911-ui{height:100%;min-height:155px;border:1px solid #e9dff0;border-radius:16px;background:linear-gradient(180deg,#fff,#fcf9ff);padding:9px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:.15s}.school-911-option input:checked+.school-911-ui{border-color:#7f62ea;box-shadow:0 8px 18px rgba(112,81,208,.16);background:linear-gradient(180deg,#fbf9ff,#f1faff)}.school-911-img{height:72px;width:100%;display:flex;align-items:center;justify-content:center}.school-911-img img{max-width:100%;max-height:68px;object-fit:contain}.school-911-img span{font-size:20px;font-weight:900;color:#8a78a0}.school-911-name{font-size:10.5px;font-weight:900;color:#3f304c;line-height:1.15;margin-top:5px}.school-911-meta{font-size:8.5px;color:#897d91;font-weight:800;line-height:1.25;margin-top:4px}.school-911-check{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;background:#eee8f2;color:#a396ab;display:grid;place-items:center}.school-911-option input:checked+.school-911-ui .school-911-check{background:#7659e8;color:#fff}
.school-config-footer{position:sticky;bottom:-18px;margin:4px -18px -18px;padding:12px 18px 16px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #e9dfee;display:flex;align-items:center;justify-content:space-between;gap:14px}.school-config-total{display:flex;flex-direction:column}.school-config-total small{font-size:9px;color:#8b7e95;font-weight:900;text-transform:uppercase}.school-config-total strong{font-size:24px;line-height:1;color:#ee4f78;font-weight:900}.school-config-footer-actions{display:flex;gap:8px}.school-config-secondary,.school-config-submit{min-height:42px;border:0;border-radius:13px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:900}.school-config-secondary{background:#f3eef6;color:#71627c}.school-config-submit{background:linear-gradient(120deg,#7a5bf0,#1fb9de);color:#fff;display:flex;align-items:center;gap:7px;box-shadow:0 7px 17px rgba(91,73,205,.2)}
@media(max-width:820px){.school-911-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.school-config-dialog{padding:14px;border-radius:20px}.school-config-footer{margin:4px -14px -14px;bottom:-14px;padding:11px 14px 14px}}
@media(max-width:620px){.school-selection-bar{bottom:8px;flex-direction:column;align-items:stretch;gap:7px;padding:9px}.school-selection-copy{text-align:center}.school-selection-actions{display:grid;grid-template-columns:.7fr 1.3fr}.school-clear-btn,.school-configure-btn{width:100%;padding:0 9px}.school-config-modal{padding:8px}.school-config-dialog{width:100%;max-height:96vh;border-radius:18px}.school-config-head h2{font-size:20px}.school-config-head p{font-size:10.5px}.school-config-item{padding:10px;border-radius:16px}.school-config-design img{width:72px;height:58px}.school-config-row-head{align-items:flex-start;flex-direction:column;gap:8px}.school-qty{width:100%;justify-content:flex-end}.school-911-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.school-911-ui{min-height:142px;padding:7px}.school-911-name{font-size:9.5px}.school-config-footer{align-items:stretch;flex-direction:column}.school-config-total{align-items:center}.school-config-footer-actions{display:grid;grid-template-columns:1fr 1.25fr}.school-config-secondary,.school-config-submit{padding:0 8px}.school-preview-select{min-height:40px}}

/* =========================================================
   UNIMAGEN FASE 3.9 - CARRUSEL PRODUCTOS DESTACADOS
   ========================================================= */
.featured-products-shell{padding:10px 0 20px;background:linear-gradient(180deg,#faf7ff 0,#fff 100%)}
.featured-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.featured-products-kicker{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#f1eaff;color:#7050ce;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.featured-products-head h2{margin:5px 0 2px;color:#302440;font-size:clamp(22px,2.2vw,30px);font-weight:900;letter-spacing:-.035em}
.featured-products-head p{margin:0;color:#85788f;font-size:11px;font-weight:700}
.featured-products-controls{display:flex;gap:7px;flex:0 0 auto}
.featured-products-controls button{width:38px;height:38px;border:1px solid #e5d9ed;border-radius:12px;background:#fff;color:#654c7c;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(73,50,89,.06);transition:.15s ease}
.featured-products-controls button:hover:not(:disabled){transform:translateY(-1px);background:#f7f0ff;color:#6843d2;border-color:#d8c8e8}
.featured-products-controls button:disabled{opacity:.34;cursor:default}
.featured-products-viewport{position:relative;overflow:hidden;border-radius:22px}
.featured-products-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none;overscroll-behavior-inline:contain}
.featured-products-track::-webkit-scrollbar{display:none}
.featured-product-card{flex:0 0 calc((100% - 36px)/4);min-width:0;scroll-snap-align:start;overflow:hidden;border:1px solid #eadff0;border-radius:19px;background:#fff;box-shadow:0 9px 24px rgba(74,50,92,.065);display:flex;flex-direction:column;transition:.18s ease}
.featured-product-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(74,50,92,.105)}
.featured-product-media{position:relative;width:100%;height:152px;border:0;padding:8px;margin:0;background:linear-gradient(145deg,#fffafd,#f5fbff);display:flex;align-items:center;justify-content:center;cursor:zoom-in;overflow:hidden}
.featured-product-media img{max-width:100%;max-height:136px;object-fit:contain;transition:.2s ease}
.featured-product-card:hover .featured-product-media img{transform:scale(1.025)}
.featured-product-badge,.featured-product-kind{position:absolute;top:8px;z-index:2;min-height:23px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-size:8.5px;font-weight:900;box-shadow:0 3px 9px rgba(65,43,79,.08)}
.featured-product-badge{left:8px;background:#fff0c9;color:#8d6718}.featured-product-badge i{font-size:8px}
.featured-product-kind{right:8px;background:#ede7ff;color:#6b50c6}.featured-product-kind.is-library{background:#e5f8f4;color:#26806d}
.featured-product-zoom{position:absolute;right:9px;bottom:9px;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.95);color:#674b80;display:grid;place-items:center;font-size:12px;box-shadow:0 4px 12px rgba(61,42,73,.12);opacity:0;transform:translateY(3px);transition:.15s ease}
.featured-product-card:hover .featured-product-zoom,.featured-product-media:focus-visible .featured-product-zoom{opacity:1;transform:none}
.featured-product-info{padding:11px 12px 12px;display:flex;flex:1;flex-direction:column}
.featured-product-info h3{margin:0 0 7px;min-height:34px;color:#3c3046;font-size:12.5px;line-height:1.28;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-product-price{display:flex;align-items:baseline;gap:7px;margin-bottom:9px}.featured-product-price span{color:#9a8ea1;text-decoration:line-through;font-size:9px;font-weight:800}.featured-product-price strong{color:#ee4f78;font-size:17px;font-weight:900}
.featured-product-action{margin-top:auto;width:100%;min-height:38px;padding:0 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:10.5px;font-weight:900;transition:.16s ease}
.featured-product-action.is-design{background:linear-gradient(120deg,#795bf0,#27b8e1);color:#fff;box-shadow:0 6px 14px rgba(95,76,208,.17)}
.featured-product-action.is-cart{background:linear-gradient(120deg,#e8faf6,#eee8ff);color:#5d47b6;border:1px solid #ddd1f0}
.featured-product-action:hover{transform:translateY(-1px)}.featured-product-action.is-cart:hover{background:linear-gradient(120deg,#7559ec,#25b8df);color:#fff;border-color:transparent}
@media(max-width:1099px){.featured-product-card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:767px){
  .featured-products-shell{padding:8px 0 15px}.featured-products-head{align-items:center;margin-bottom:9px}.featured-products-head p{font-size:10px}.featured-products-controls{display:none}
  .featured-products-viewport{overflow:visible;margin-right:-12px}.featured-products-track{gap:9px;padding-right:22px;scroll-padding-left:0}
  .featured-product-card{flex-basis:68%;max-width:245px;border-radius:17px}.featured-product-media{height:138px}.featured-product-media img{max-height:122px}.featured-product-zoom{opacity:1;transform:none;width:27px;height:27px}
  .featured-product-info{padding:10px}.featured-product-info h3{font-size:11.5px;min-height:30px}.featured-product-price strong{font-size:16px}.featured-product-action{min-height:37px;font-size:10px}
}
@media(max-width:420px){.featured-product-card{flex-basis:76%;max-width:238px}.featured-products-head h2{font-size:21px}.featured-products-kicker{font-size:8px}}

/* D6 - acceso cliente Google */
.account-shortcut{height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--uni-line);border-radius:12px;background:#fff;color:#5d5370;font-size:12px;font-weight:900;transition:.18s ease}.account-shortcut:hover{transform:translateY(-1px);color:var(--uni-purple-dark);background:var(--uni-lilac)}.account-shortcut i{font-size:18px}@media(max-width:575px){.account-shortcut{width:38px;height:38px;padding:0;justify-content:center;border-radius:13px}.account-shortcut i{font-size:18px}}


/* D6 HF2 - bienvenida visible del cliente en el encabezado */
.account-shortcut{height:46px;min-width:104px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--uni-line);border-radius:14px;background:#fff;color:#5d5370;font-size:12px;font-weight:900;transition:.18s ease;text-decoration:none}
.account-shortcut:hover{transform:translateY(-1px);color:var(--uni-purple-dark);background:var(--uni-lilac)}
.account-shortcut i{font-size:20px;flex:0 0 auto}
.account-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;white-space:nowrap}
.account-copy small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;color:#8a7199;font-size:9px;font-weight:900;text-transform:none;letter-spacing:.01em;margin-bottom:3px}
.account-copy strong{font-size:11px;font-weight:900;color:inherit}
.account-shortcut.is-logged{min-width:145px;border-color:#e3d5ff;background:linear-gradient(135deg,#fff,#faf5ff 58%,#f1fbff)}
.account-shortcut.is-logged i{color:#7657f6}
@media(max-width:767px){
  .account-shortcut{height:42px;min-width:0;padding:0 9px;border-radius:13px;gap:6px}
  .account-shortcut.is-logged{min-width:112px;max-width:145px}
  .account-copy small{max-width:94px;font-size:8px;margin-bottom:2px}
  .account-copy strong{font-size:10px}
  .account-copy-guest{display:none}
}
@media(max-width:390px){
  .account-shortcut.is-logged{min-width:98px;max-width:116px;padding:0 7px}
  .account-copy small{max-width:70px}
  .account-shortcut i{font-size:18px}
}

/* UNIMAGEN FASE 3.10 - aviso flotante al agregar al carrito */
.cart-count.has-items{
  background:linear-gradient(135deg,#7a5cff,#23b8df);
  color:#fff;
}
.cart-count.cart-count-pulse{animation:unimagenCartCountPulse .38s ease}
@keyframes unimagenCartCountPulse{50%{transform:scale(1.22)}}

.fast-action.is-adding,.featured-product-action.is-adding{pointer-events:none;opacity:.78}
.cart-add-spin{display:inline-block;animation:unimagenCartSpin .75s linear infinite}
@keyframes unimagenCartSpin{to{transform:rotate(360deg)}}

.cart-toast-root{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:99998;
  width:min(390px,calc(100vw - 32px));
  pointer-events:none;
}
.cart-toast{
  position:relative;
  display:grid;
  grid-template-columns:auto 64px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid #e6dbfb;
  border-radius:24px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 60px rgba(50,34,86,.19);
  opacity:0;
  transform:translateY(24px) scale(.98);
  transition:opacity .2s ease,transform .22s ease;
  pointer-events:auto;
  overflow:hidden;
  backdrop-filter:blur(14px);
}
.cart-toast::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#8359f7,#f48ec6,#28badd);
}
.cart-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.cart-toast.is-error::before{background:linear-gradient(90deg,#ef5b79,#ffad73)}
.cart-toast-icon{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background:#e9fbf4;color:#139b63;font-size:24px;
}
.cart-toast.is-error .cart-toast-icon{background:#fff0f3;color:#c73758}
.cart-toast-media{
  width:64px;height:64px;border-radius:16px;
  border:1px solid #eee5fb;background:#fff;
  display:grid;place-items:center;overflow:hidden;padding:5px;
}
.cart-toast-media img{width:100%;height:100%;object-fit:contain;display:block}
.cart-toast-content{min-width:0;padding-right:22px}
.cart-toast-kicker{display:block;color:#17a072;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.cart-toast.is-error .cart-toast-kicker{color:#c73758}
.cart-toast-content strong{display:block;color:#30264e;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-toast-meta{display:flex;gap:9px;align-items:center;margin-top:5px;flex-wrap:wrap}
.cart-toast-meta span{color:#ff477f;font-weight:900}
.cart-toast-meta small{color:#756b8a;font-weight:700}
.cart-toast-close{
  position:absolute;top:9px;right:9px;width:30px;height:30px;
  border:0;border-radius:10px;background:#faf6ff;color:#756b8a;
  display:grid;place-items:center;cursor:pointer
}
.cart-toast-actions{
  grid-column:1/-1;
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  padding-top:3px;
}
.cart-toast-view,.cart-toast-continue{
  min-height:42px;border-radius:14px;padding:9px 12px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:13px;font-weight:900;text-decoration:none;cursor:pointer;
}
.cart-toast-view{border:0;background:linear-gradient(135deg,#7359f7,#24b5dd);color:#fff}
.cart-toast-continue{border:1px solid #dfd2fa;background:#fff;color:#6245cb}

@media (max-width:767px){
  .cart-toast-root{left:12px;right:12px;bottom:12px;width:auto}
  .cart-toast{
    grid-template-columns:48px minmax(0,1fr);
    border-radius:22px;
    padding:14px;
  }
  .cart-toast-icon{display:none}
  .cart-toast-media{width:48px;height:48px;border-radius:13px}
  .cart-toast-content{padding-right:20px}
  .cart-toast-content strong{font-size:15px}
  .cart-toast-actions{grid-column:1/-1}
  .cart-toast-view,.cart-toast-continue{min-height:44px}
}

/* UNIMAGEN B9 - Robot Uni */
.uni-robot{position:fixed;left:70px;bottom:18px;z-index:1085;font-family:Nunito,Arial,sans-serif}.uni-robot-launch{border:0;border-radius:999px;background:linear-gradient(135deg,#7557f6,#22a9e8);color:#fff;display:flex;align-items:center;gap:9px;padding:9px 15px 9px 9px;font-weight:900;box-shadow:0 14px 34px rgba(80,61,154,.25);cursor:pointer}.uni-robot-face,.uni-robot-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#ffe2f0,#dff8ff);color:#5c3bcb;font-weight:1000}.uni-robot-panel{position:absolute;left:0;bottom:56px;width:min(380px,calc(100vw - 28px));height:min(560px,calc(100vh - 120px));background:#fff;border:1px solid #e7daf8;border-radius:24px;box-shadow:0 22px 60px rgba(53,34,90,.22);overflow:hidden;display:flex;flex-direction:column}.uni-robot-panel[hidden]{display:none}.uni-robot-head{padding:14px 15px;background:linear-gradient(135deg,#fff0f7,#eefcff);border-bottom:1px solid #eee3f7;display:flex;align-items:center;justify-content:space-between}.uni-robot-head>div{display:flex;align-items:center;gap:10px}.uni-robot-head strong{display:block;color:#2a2047}.uni-robot-head small{display:block;color:#7e718f;font-size:11px;margin-top:2px}.uni-robot-head button{border:0;background:#fff;border-radius:12px;width:36px;height:36px;color:#8c6d8d;cursor:pointer}.uni-robot-messages{flex:1;overflow:auto;padding:14px;background:linear-gradient(180deg,#fff,#fdfaff);display:flex;flex-direction:column;gap:9px}.uni-robot-msg{max-width:88%;padding:10px 12px;border-radius:16px;font-size:13px;line-height:1.45;white-space:pre-line}.uni-robot-msg.bot{align-self:flex-start;background:#f1ecff;color:#43375d;border-bottom-left-radius:5px}.uni-robot-msg.user{align-self:flex-end;background:linear-gradient(135deg,#7757f6,#31aee4);color:#fff;border-bottom-right-radius:5px}.uni-robot-msg.error{background:#ffedf1;color:#a32d50}.uni-robot-quick{display:flex;gap:7px;overflow:auto;padding:0 12px 10px;background:#fdfaff;scrollbar-width:none}.uni-robot-quick::-webkit-scrollbar{display:none}.uni-robot-quick button{flex:0 0 auto;border:1px solid #e4d8f4;background:#fff;color:#614bc3;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.uni-robot-form{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:10px 12px;border-top:1px solid #eee5f5;background:#fff}.uni-robot-form input{min-width:0;border:1px solid #ded2ef;border-radius:13px;padding:0 12px;height:42px;font:inherit;font-size:13px;outline:0}.uni-robot-form input:focus{border-color:#9c86ef;box-shadow:0 0 0 3px rgba(119,87,246,.1)}.uni-robot-form button{border:0;border-radius:13px;background:linear-gradient(135deg,#7757f6,#22a9e8);color:#fff;cursor:pointer}.uni-robot-human{margin:0 12px 12px;display:flex;justify-content:center;align-items:center;gap:7px;border-radius:12px;padding:9px 10px;background:#eafaf0;color:#18723b;text-decoration:none;font-size:12px;font-weight:900}.uni-robot-typing{display:inline-flex;gap:4px}.uni-robot-typing i{width:5px;height:5px;background:#8c7aa2;border-radius:50%;animation:uniRobotDot 1s infinite alternate}.uni-robot-typing i:nth-child(2){animation-delay:.15s}.uni-robot-typing i:nth-child(3){animation-delay:.3s}@keyframes uniRobotDot{to{opacity:.25;transform:translateY(-2px)}}@media(max-width:640px){.uni-robot{left:62px;bottom:12px}.uni-robot-launch span:last-child{display:none}.uni-robot-launch{padding:8px}.uni-robot-panel{position:fixed;left:10px;right:10px;bottom:10px;width:auto;height:min(590px,calc(100vh - 40px));border-radius:22px}.floating-whatsapp{bottom:76px}}

@media(max-width:380px){.uni-robot{left:60px}.scroll-top{left:12px}.hero-delivery-note{font-size:10.5px;padding:7px 9px}}

/* UNIMAGEN SAFE R1 - Invitacion Google para invitados */
html.google-invite-open{overflow:hidden}
.google-invite-modal{position:fixed;inset:0;z-index:12050;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .18s ease;font-family:Nunito,Arial,sans-serif}
.google-invite-modal[hidden]{display:none}
.google-invite-modal.is-open{opacity:1;pointer-events:auto}
.google-invite-backdrop{position:absolute;inset:0;border:0;background:rgba(38,27,60,.48);backdrop-filter:blur(5px);cursor:pointer}
.google-invite-card{position:relative;width:min(510px,100%);background:linear-gradient(145deg,#fff,#fff9fc 55%,#eefcff);border:1px solid #e4d6fa;border-radius:30px;padding:30px 30px 24px;text-align:center;box-shadow:0 30px 90px rgba(38,27,60,.28);transform:translateY(18px) scale(.98);transition:transform .2s ease;overflow:hidden}
.google-invite-modal.is-open .google-invite-card{transform:translateY(0) scale(1)}
.google-invite-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:linear-gradient(90deg,#7658f6,#f57eb9,#23b6dd)}
.google-invite-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:13px;background:#f8f2ff;color:#7358a0;display:grid;place-items:center;cursor:pointer}
.google-invite-icon{width:62px;height:62px;margin:0 auto 12px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#f4e8ff,#e5faff);color:#704fe0;font-size:29px;box-shadow:0 10px 26px rgba(105,74,190,.12)}
.google-invite-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f1ebff;color:#7358d5;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.google-invite-card h2{margin:10px auto 7px;color:#2d2344;font-size:clamp(24px,5vw,32px);line-height:1.08;font-weight:900;max-width:430px}
.google-invite-card>p{margin:0 auto;color:#766b89;max-width:420px;font-size:14px;line-height:1.5;font-weight:700}
.google-invite-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}
.google-invite-benefits span{padding:10px 8px;border:1px solid #eadff9;border-radius:15px;background:rgba(255,255,255,.88);color:#65587a;font-size:11px;line-height:1.3;font-weight:800}
.google-invite-benefits i{display:block;color:#18a573;font-size:17px;margin-bottom:3px}
.google-invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.google-invite-google,.google-invite-guest{min-height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 13px;font-family:inherit;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer}
.google-invite-google{border:1px solid #d9d2e7;background:#fff;color:#332947;box-shadow:0 5px 16px rgba(50,35,80,.05)}
.google-invite-google:hover{border-color:#b9a8e7;color:#5b3fc4}
.google-invite-guest{border:0;background:linear-gradient(135deg,#7658f6,#24b2dd);color:#fff}
.google-g{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:1000;color:#4285f4;border:1px solid #eee}
.google-invite-note{display:block;margin-top:13px;color:#8a7d99;font-size:11px;font-weight:700}
@media(max-width:620px){
  .google-invite-modal{align-items:end;padding:10px}
  .google-invite-card{width:100%;border-radius:25px;padding:27px 18px 19px}
  .google-invite-benefits{grid-template-columns:1fr;margin:15px 0;gap:6px}
  .google-invite-benefits span{display:flex;align-items:center;gap:8px;text-align:left;padding:8px 11px}
  .google-invite-benefits i{display:inline;margin:0}
  .google-invite-actions{grid-template-columns:1fr}
  .google-invite-google,.google-invite-guest{min-height:50px}
}
