/* Papelería Creativa: colorful stationery layout, with native commerce controls. */
body.sf-designed.stationery-template, body.stationery-template {
  --sf-accent:var(--ps-primary); --sf-ink:var(--ps-ink); --sf-paper:var(--ps-paper);
  --sf-soft:#edf7fc; --sf-radius:12px; --sf-control-radius:9px; --sf-heading:Arial,sans-serif;
  --brand:var(--ps-primary); --brand-2:var(--ps-ink); --txt:var(--ps-ink); --muted:#64738a;
  --line:#e1e9f1; --panel:#fff; --card:#fff; --modal-bg:var(--ps-paper); --cart-meta-bg:#fff;
  background:var(--ps-paper); color:var(--ps-ink); font-family:Arial,sans-serif;
}
.stationery-template .wrap { max-width:1480px; padding:0 28px 30px; }
.stationery-template .floatingActions { display:none!important; }
.stationery-template .hero { background:#fff; border:0; border-radius:0; box-shadow:none; overflow:visible; }
body.sf-designed.stationery-template .heroTop { grid-template-columns:minmax(170px,.9fr) minmax(220px,2.4fr) auto!important; padding:24px 26px!important; gap:26px!important; background:#fff; }
body.sf-designed.stationery-template .heroTop .brand { grid-column:1; }
.stationery-template .brand img { width:52px; height:52px; border:0; object-fit:contain; border-radius:0; }
.stationery-template .heroTop .brandTitle h2 { color:var(--ps-ink); font:800 clamp(19px,2vw,28px)/1.05 Arial,sans-serif; letter-spacing:-.7px; }
.stationery-template .ps-tagline { display:block; font-size:9px; color:#65738b; margin-top:5px; }
.stationery-template :is(#stMeta,.heroInfo,.coverageHeader,.heroBannerWrap,.showcaseWrap,.companionWrap,#stCategoryMarquee,#stTaxonomyBlocks,#stSectionRows) { display:none!important; }
body.sf-designed.stationery-template .heroTop > #stSearchField { grid-column:2; grid-row:1; }
body.sf-designed.stationery-template .heroTop .topActions { grid-column:3; grid-row:1; }
body.sf-designed.stationery-template .heroTop #stSearchField #stQ { height:44px!important; min-height:44px!important; border-radius:12px; background:#fbfdff; padding-right:58px!important; font-size:12px!important; }
body.sf-designed.stationery-template .sf-search-submit { inset:0 0 0 auto; width:52px; border-radius:0 12px 12px 0; background:var(--ps-primary); color:#fff; }
.stationery-template svg { width:24px; height:24px; flex:none; }
.stationery-template .ps-cart { cursor:pointer; }
.stationery-template .ps-cart > span { display:none; }
.stationery-template .ps-nav { display:flex; align-items:center; gap:8px; overflow:auto; padding:7px 26px; background:#edf7fc; scrollbar-width:thin; }
.stationery-template .ps-nav button { border:0; background:none; color:var(--ps-ink); white-space:nowrap; font:700 12px/1.3 Arial,sans-serif; padding:12px 18px; min-height:42px; cursor:pointer; }
.stationery-template .ps-nav button:first-child { background:var(--ps-ink); color:white; border-radius:8px; margin-right:12px; }
.stationery-template .ps-nav button:first-child::before { content:'☰'; margin-right:10px; }
.stationery-template .ps-nav button[aria-current='page']:not(:first-child) { color:var(--ps-primary); }
.stationery-template .ps-hero { position:relative; isolation:isolate; overflow:hidden; min-height:370px; background:#ecfaff; }
.stationery-template .ps-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.stationery-template .ps-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#f4fcffed 0%,#f4fcffb0 33%,transparent 62%); }
.stationery-template .ps-hero-copy { width:52%; padding:48px 44px 30px; }
.stationery-template .ps-kicker { font-size:10px; letter-spacing:.15em; color:#42758d; font-weight:700; }
.stationery-template .ps-hero h1 { font:800 clamp(34px,3.6vw,54px)/1.04 Arial,sans-serif; letter-spacing:-1.8px; color:var(--ps-ink); margin:12px 0; overflow-wrap:anywhere; }
.stationery-template .ps-hero h1 span,.stationery-template .ps-hero h1 strong { display:block; }
.stationery-template .ps-hero h1 strong { color:var(--ps-primary); }
.stationery-template .ps-hero p { margin:0 0 22px; font-size:15px; line-height:1.5; max-width:36ch; }
.stationery-template .ps-cta { display:inline-flex; gap:18px; align-items:center; background:var(--ps-primary); border-radius:25px; padding:13px 25px; color:white; text-decoration:none; font-size:13px; font-weight:700; }
.stationery-template .ps-benefits { display:flex; flex-wrap:wrap; gap:16px; margin:12px 0 18px; }
.stationery-template .ps-benefits span { display:flex; align-items:center; gap:7px; font-size:11px; font-weight:600; }
.stationery-template .ps-categories { padding:24px 24px 4px; }
.stationery-template .ps-category-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:20px; }
.stationery-template .ps-category { display:flex; align-items:center; flex-direction:column; min-width:0; gap:10px; padding:0; background:none; border:0; font-family:inherit; color:var(--ps-ink); cursor:pointer; }
.stationery-template .ps-category-picture { position:relative; width:min(100%,112px); aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:#ffe0e9; overflow:hidden; color:var(--ps-ink); transition:transform .2s; }
.stationery-template .ps-category:nth-child(3n + 2) .ps-category-picture { background:#fff2b9; }
.stationery-template .ps-category:nth-child(3n) .ps-category-picture { background:#c8efff; }
.stationery-template .ps-category:nth-child(4) .ps-category-picture { background:#ffdfc5; }
.stationery-template .ps-category-picture img { position:absolute; inset:10%; width:80%; height:80%; object-fit:contain; mix-blend-mode:multiply; }
.stationery-template .ps-category-picture > svg { width:40px; height:40px; opacity:.6; }
.stationery-template .ps-category-picture:has(img:not([hidden])) > svg { display:none; }
.stationery-template .ps-category:hover .ps-category-picture { transform:translateY(-3px); }
.stationery-template .ps-category strong { font-size:13px; overflow-wrap:anywhere; }
.stationery-template .catalogSection { padding:0 24px; margin-top:30px; }
.stationery-template .catalogHead { gap:14px; margin-bottom:14px; }
.stationery-template .catalogHead h3 { font:700 22px/1.2 Arial,sans-serif; color:var(--ps-ink); letter-spacing:-.5px; }
.stationery-template .catalogHead h3::before { content:'★'; color:#ffc529; margin-right:9px; }
.stationery-template #stGrid { grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:14px; }
.stationery-template .productCard { grid-template-rows:auto 1fr; border:1px solid var(--line); border-radius:12px; box-shadow:none; background:white; overflow:hidden; }
.stationery-template .productCard .cardMedia { aspect-ratio:1.05; background:white; padding:12px; }
.stationery-template .productCard .cardMedia img { width:100%; height:100%; object-fit:contain; }
.stationery-template .productCard .body { padding:10px 12px; display:grid; grid-template-columns:minmax(0,1fr) 34px; gap:7px; align-items:center; }
.stationery-template .productCard :is(.eyebrow,.name) { grid-column:1/-1; }
.stationery-template .productCard .name { font-size:12px; font-weight:400; line-height:1.4; min-height:34px; }
.stationery-template .productCard .price { font-size:17px; color:var(--ps-ink); font-weight:800; grid-column:1; }
.stationery-template .productCardFooter { display:contents; }
.stationery-template .productCard .availability { grid-column:1/-1; grid-row:5; font-size:10px; }
.stationery-template .productCard .productAddBtn { grid-column:2; grid-row:3; min-width:34px; width:34px; height:34px; min-height:34px; padding:7px; border:0; background:var(--ps-primary)!important; color:#fff; border-radius:8px; font-size:0; box-shadow:none; }
.stationery-template .productAddBtn::after { content:''; display:block; width:20px; height:20px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h3l3 12h11l3-9H6M9 20h.01M18 20h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.stationery-template .productStepper { grid-column:1/-1; }
.stationery-template .mediaBadge { background:var(--ps-primary); color:#fff; font-size:10px; border:0; border-radius:7px; }
.stationery-template .eyebrow .pill { font-size:9px; color:#63738a; border-color:var(--line); }
.stationery-template .ps-collections { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; padding:24px; }
.stationery-template .ps-collection { display:flex; align-items:center; position:relative; isolation:isolate; overflow:hidden; min-height:170px; border:0; border-radius:12px; background:#ffe1e6; padding:24px; color:var(--ps-ink); text-align:left; font-family:inherit; cursor:pointer; }
.stationery-template .ps-collection:nth-child(2) { background:#fff0c9; }
.stationery-template .ps-collection:nth-child(3) { background:#bceeff; }
.stationery-template .ps-collection > span { display:grid; gap:10px; width:60%; position:relative; z-index:1; }
.stationery-template .ps-collection strong { font-size:24px; line-height:1.03; letter-spacing:-.7px; }
.stationery-template .ps-collection span span { font-size:12px; }
.stationery-template .ps-collection b { width:fit-content; background:var(--ps-ink); color:white; border-radius:16px; padding:9px 14px; font-size:11px; }
.stationery-template .ps-collection img { width:40%; max-height:155px; object-fit:contain; mix-blend-mode:multiply; }
.stationery-template .ps-footer { max-width:1424px; margin:auto; background:var(--ps-ink); color:white; display:grid; grid-template-columns:2fr repeat(3,1fr); gap:32px; padding:36px 42px 22px; }
.stationery-template .ps-footer > div { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.stationery-template .ps-footer a,.stationery-template .ps-footer button { color:#d4e3f2; background:none; border:0; padding:0; font:400 12px/1.5 Arial,sans-serif; text-decoration:none; cursor:pointer; }
.stationery-template .ps-footer b { font-size:13px; }
.stationery-template .ps-footer-brand strong { font-size:25px; font-weight:800; }
.stationery-template .ps-footer p,.stationery-template .ps-footer small { font-size:11px; color:#d4e3f2; margin:0; }
.stationery-template .ps-footer > small { grid-column:1/-1; border-top:1px solid #ffffff26; padding-top:18px; }
.stationery-template .ps-mobile-nav { display:none; }
.stationery-template [hidden] { display:none!important; }
.stationery-template :is(button,a,input,select):focus-visible { outline:3px solid #05a8d5; outline-offset:3px; }
@media(max-width:1100px) {
 body.sf-designed.stationery-template .heroTop { gap:16px!important; padding:20px!important; }
 .stationery-template #stGrid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
 .stationery-template .ps-hero-copy { width:57%; padding:36px 28px; }
}
@media(max-width:760px) {
 .stationery-template { padding-bottom:calc(66px + env(safe-area-inset-bottom)); }
 .stationery-template .wrap { padding:0 0 22px; }
 body.sf-designed.stationery-template .heroTop { grid-template-columns:minmax(0,1fr) auto!important; gap:12px!important; padding:15px!important; }
 body.sf-designed.stationery-template .heroTop .topActions { grid-column:2; }
 body.sf-designed.stationery-template .heroTop > #stSearchField { grid-column:1/-1; grid-row:2; }
 body.sf-designed.stationery-template .heroTop .accountHeaderBtn { display:none!important; }
 body.sf-designed.stationery-template .heroTop #stFiltersBtn { display:flex!important; color:var(--ps-ink)!important; }
 .stationery-template .brand img { width:34px; height:34px; }
 .stationery-template .heroTop .brandTitle h2 { font-size:21px; }
 .stationery-template .ps-tagline { font-size:8px; }
 .stationery-template .ps-nav { display:none; }
 .stationery-template .ps-hero { min-height:255px; }
 .stationery-template .ps-hero-image { object-position:62% center; }
 .stationery-template .ps-hero::after { background:linear-gradient(90deg,#f4fcfff0,#f4fcffcc 30%,transparent 72%); }
 .stationery-template .ps-hero-copy { width:64%; padding:27px 17px; }
 .stationery-template .ps-kicker { font-size:7px; letter-spacing:.06em; }
 .stationery-template .ps-hero h1 { font-size:clamp(27px,6.5vw,42px); letter-spacing:-1px; margin:10px 0; }
 .stationery-template .ps-hero p { font-size:11px; margin:0 0 15px; max-width:24ch; }
 .stationery-template .ps-benefits { display:none; }
 .stationery-template .ps-cta { font-size:11px; padding:10px 14px; gap:10px; }
 .stationery-template .ps-categories { padding:18px 20px 0; }
 .stationery-template .ps-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 20px; }
 .stationery-template .ps-category-picture { width:78px; }
 .stationery-template .ps-category { gap:7px; }
 .stationery-template .ps-category strong { font-size:11px; }
 .stationery-template .catalogSection { padding:0 13px; margin-top:24px; }
 .stationery-template .catalogHead h3 { font-size:18px; }
 .stationery-template #stGrid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px; }
 .stationery-template .productCard .body { padding:10px; }
 .stationery-template .productCard .price { font-size:16px; }
 .stationery-template .ps-collections { padding:20px 13px; grid-template-columns:1fr; }
 .stationery-template .ps-collection { min-height:155px; }
 .stationery-template .ps-footer { grid-template-columns:1fr 1fr; padding:28px 22px; gap:25px; }
 .stationery-template .ps-footer-brand { grid-column:1/-1; }
 .stationery-template .ps-mobile-nav { display:grid; grid-template-columns:repeat(4,1fr); position:fixed; bottom:0; left:0; right:0; z-index:30; padding:6px 8px calc(6px + env(safe-area-inset-bottom)); background:white; border-top:1px solid var(--line); }
 .stationery-template .ps-mobile-nav button { position:relative; display:flex; flex-direction:column; gap:5px; align-items:center; justify-content:center; border:0; background:none; min-height:48px; font:600 10px Arial,sans-serif; color:var(--ps-ink); cursor:pointer; }
 .stationery-template .ps-mobile-nav button:first-child { color:#0099c5; }
 .stationery-template .ps-mobile-nav b { position:absolute; top:0; left:55%; background:var(--ps-primary); color:white; padding:2px 4px; border-radius:12px; font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .stationery-template .ps-category-picture { transition:none; } }