/*
Theme Name: Dupapai Coruja Catalogo
Theme URI: https://www.dupapaicoruja.com
Author: Dupapai Coruja
Description: Catálogo de toppers com downloads organizados por tema.
Version: 1.30.43
Text Domain: dupapai-coruja
*/

@font-face {
  font-family: 'Festa Cursiva';
  src: url('assets/fonts/festa-cursiva.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: block;
}

@font-face {
  font-family: 'Pacifico';
  src: url('assets/fonts/pacifico.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: 'Bangers';
  src: url('assets/fonts/bangers.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: 'Baloo 2';
  src: url('assets/fonts/baloo-2.ttf') format('truetype');
  font-style: normal;
  font-weight: 400 800;
  font-display: block;
}

:root { --pink:#f01820; --rose:#fff7d8; --ink:#3b260f; --yellow:#ffe500; --paper:#fffdf2; --line:#edc900; --red:#f01820; }
* { box-sizing:border-box; }
body { margin:0; background:var(--yellow); color:var(--ink); font-family:Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
.home-actions { padding:52px 0; }
.home-actions__list { display:grid; gap:16px; max-width:760px; margin:auto; }
.role-choice { max-width:820px; margin:auto; text-align:center; }
.role-choice h1 { margin-left:auto; margin-right:auto; font-size:clamp(2rem,4vw,3.4rem); }
.role-choice .intro { margin-left:auto; margin-right:auto; }
.home-actions__button { display:flex; min-height:74px; align-items:center; justify-content:center; padding:18px 24px; border-radius:14px; background:var(--red); color:#fff; font-weight:900; font-size:clamp(1rem,2.4vw,1.35rem); text-align:center; box-shadow:0 5px 0 #c90810; }
.home-actions__button:hover { transform:translateY(2px); box-shadow:0 3px 0 #c90810; }
.home-print-link { display:block; margin:6px auto 0; color:#5b3900; font-size:.95rem; font-weight:900; text-align:center; text-decoration:underline; text-underline-offset:4px; }
.resource-page { padding:52px 0 76px; }
.resource-page__intro { max-width:760px; margin:0 auto 30px; text-align:center; }
.resource-card { max-width:760px; margin:0 auto; padding:26px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(75,56,0,.08); }
.resource-card__button { display:flex; align-items:center; justify-content:center; min-height:70px; padding:16px 22px; border-radius:12px; background:var(--red); color:#fff; font-weight:900; text-align:center; }
.login-page { padding:58px 0 76px; }
.login-card { max-width:460px; margin:auto; padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(75,56,0,.1); }
.login-card h1 { margin:0 0 12px; font-size:2.2rem; text-align:center; }
.login-notice { margin:0 0 16px; padding:12px; border-radius:10px; background:#fff3b8; color:#6b2500; font-weight:900; }
.login-card p { text-align:center; line-height:1.5; }
.login-card form p { text-align:left; }
.login-card input[type="text"],.login-card input[type="password"] { width:100%; margin-top:6px; padding:12px; border:1px solid var(--line); border-radius:10px; }
.login-card input[type="submit"] { width:100%; margin-top:10px; padding:14px; border:0; border-radius:999px; background:var(--red); color:#fff; font-weight:900; cursor:pointer; }
.login-divider { display:flex; align-items:center; gap:12px; margin:20px 0; color:#765; }.login-divider:before,.login-divider:after { content:""; flex:1; height:1px; background:var(--line); }.login-divider span { font-size:.85rem; }
.login-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; font-size:.9rem; }.login-links a { text-decoration:underline; font-weight:700; }
.personalizer-page { padding:46px 0 70px; background:#fff9df; }.personalizer-head { max-width:760px; margin:0 auto 28px; text-align:center; }.personalizer-head h1 { margin:8px auto 12px; font-size:clamp(1.8rem,4vw,3rem); }.personalizer-head p { margin:0; line-height:1.5; }
.personalizer-layout { display:grid; grid-template-columns:minmax(280px,370px) minmax(0,1fr); gap:32px; align-items:start; }.personalizer-controls { display:grid; gap:9px; padding:22px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(75,56,0,.08); }.personalizer-controls label { margin-top:6px; font-weight:900; }.personalizer-controls select,.personalizer-controls input[type="text"],.personalizer-controls input[type="number"] { width:100%; padding:12px; border:1px solid var(--line); border-radius:10px; font:inherit; }.personalizer-controls input[type="range"] { width:100%; accent-color:var(--red); }.personalizer-controls .button { width:100%; margin:10px 0 0; text-align:center; }.personalizer-controls output { float:right; color:var(--red); }.design-choice { display:grid; grid-template-columns:72px 1fr; align-items:center; gap:12px; padding:8px; border:2px solid var(--red); border-radius:12px; }.design-choice img { width:72px; height:72px; object-fit:cover; border-radius:8px; }.quantity-note { margin:4px 0 0; padding:10px; border-radius:10px; background:#fff3b8; font-size:.9rem; font-weight:800; }
.personalizer-preview-wrap { display:grid; justify-items:center; gap:10px; }.preview-label { margin:0; font-weight:900; }.label-preview { position:relative; width:min(100%,565px); aspect-ratio:5.649/5.333; overflow:hidden; border-radius:5%; background:#fff; }.label-preview>img { display:block; width:100%; height:100%; object-fit:fill; }.label-name,.label-age { position:absolute; display:flex; align-items:center; justify-content:center; overflow:visible; font-family:Impact,"Arial Black",sans-serif; font-weight:900; line-height:.82; letter-spacing:-.04em; white-space:nowrap; -webkit-text-stroke:clamp(2px,.55vw,5px) #101010; paint-order:stroke fill; text-shadow:1px 1px 0 #101010; transform-origin:center; }.label-name { left:6.5%; top:69%; width:87%; height:25%; }.label-age { left:55%; top:7%; width:39%; height:35%; color:#fff200; }
.print-sheet { display:none; }
@media(max-width:760px){.personalizer-layout{grid-template-columns:1fr}.personalizer-preview-wrap{order:-1}}
@media print { @page { size:A4 portrait; margin:0; } body>*:not(#dc-print-sheet){display:none!important}.print-sheet{display:grid!important; grid-template-columns:repeat(var(--columns),var(--label-w)); gap:var(--gap); width:21cm; height:29.7cm; align-content:center; justify-content:center; background:#fff}.print-label{position:relative!important;width:var(--label-w)!important;height:var(--label-h)!important;aspect-ratio:unset!important;display:block!important;overflow:hidden!important;break-inside:avoid}.print-label>img{width:100%!important;height:100%!important;object-fit:fill!important}.print-label .label-name,.print-label .label-age{display:flex!important}.print-label .label-name{left:6.5%!important;top:69%!important;width:87%!important;height:25%!important}.print-label .label-age{left:55%!important;top:7%!important;width:39%!important;height:35%!important} }
.pdf-downloads { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; max-width:920px; margin:28px auto 0; }
.pdf-download { display:flex; align-items:center; justify-content:center; min-height:76px; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; font-weight:800; text-align:center; }
.pdf-download:hover { background:#fff8d9; }
.site-header { background:var(--yellow); border-bottom:1px solid var(--line); }
.site-print-bar { background:var(--yellow); padding:0 0 15px; text-align:center; }
.print-help-link { color:#6b2500; font-weight:900; text-decoration:underline; text-underline-offset:4px; }
.nav-wrap, .container { width:min(1120px, calc(100% - 32px)); margin:auto; }
.nav-wrap { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand, .brand span { font-weight:900; font-size:1.25rem; letter-spacing:.02em; color:#b68100; }
.main-nav { display:flex; align-items:center; gap:22px; font-weight:700; font-size:.95rem; }
.main-nav a:hover { color:#b68100; }
.hero { background:linear-gradient(120deg,#fff4b8,#fffbe7 58%,#fff1ac); padding:78px 0; overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:48px; align-items:center; }
.eyebrow { color:#b68100; font-size:.78rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:clamp(2.4rem,5vw,4.7rem); line-height:1; margin:12px 0 20px; max-width:720px; }
h2 { font-size:clamp(1.7rem,3vw,2.5rem); margin:0 0 12px; }
.hero p, .intro { font-size:1.1rem; line-height:1.6; max-width:620px; }
.button { display:inline-block; border:0; border-radius:999px; background:var(--red); color:#fff; padding:15px 24px; font-weight:800; margin:12px 8px 0 0; cursor:pointer; }
.button.alt { background:var(--red); color:#fff; }
.hero-art { background:white; border:8px solid #fff; border-radius:30px; padding:22px; box-shadow:0 20px 40px #8f731b33; transform:rotate(3deg); }
.hero-art div { height:250px; display:grid; place-items:center; text-align:center; background:#fff1a6; border-radius:19px; font-size:2rem; font-weight:900; color:#b68100; }
.home-action { min-height:420px; display:grid; place-items:center; background:linear-gradient(120deg,#fff4b8,#fffbe7 58%,#fff1ac); text-align:center; }
.home-action .button { font-size:clamp(1.05rem,2vw,1.35rem); padding:20px 32px; box-shadow:0 12px 24px #8f731b33; }
.section { padding:70px 0; }
.section-tint { background:#fff9df; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.theme-grid, .topper-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.theme-card, .topper-card { background:white; border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 6px 16px #71323e0a; }
.theme-card { min-height:160px; padding:24px; display:flex; flex-direction:column; justify-content:end; background:linear-gradient(150deg,#fff,#fff3b8); }
.theme-card:nth-child(2n) { background:linear-gradient(150deg,#fff,#ffe897); }
.theme-card strong { font-size:1.25rem; }.paperaria-search-home { min-height:52vh; display:grid; place-items:center; }.paperaria-search-home__box { width:min(100%,680px); padding:28px; border:2px solid #e0bf00; border-radius:18px; background:#fffdf2; box-shadow:0 8px 24px rgba(75,56,0,.12); }.paperaria-search-home__box label { display:block; margin-bottom:8px; color:#17120c; font-size:1.08rem; font-weight:900; }.paperaria-search-home__box input { width:100%; min-height:54px; padding:12px 16px; border:2px solid #17120c; border-radius:10px; background:#fff; color:#17120c; font:inherit; font-size:1rem; }.paperaria-search-home__box input:focus { outline:3px solid #fff200; outline-offset:2px; }.paperaria-search-home__box>p { margin:9px 0 0; color:#705c22; font-size:.85rem; font-weight:700; }.paperaria-search-home__results { display:grid; gap:9px; margin-top:18px; }.paperaria-search-home__results a { display:flex; align-items:center; gap:10px; min-height:54px; padding:10px 14px; border:1px solid #d5bd4e; border-radius:10px; background:#fff; color:#17120c; text-decoration:none; }.paperaria-search-home__results a:hover { border-color:#cc2a2a; background:#fff4f4; }.paperaria-search-home__results a span { margin-left:auto; color:#cc2a2a; font-size:.8rem; font-weight:900; }.paperaria-search-home__results p { margin:0; color:#705c22; font-weight:700; }
.topper-card img { display:block; aspect-ratio:1/1; width:100%; object-fit:cover; background:#fff2b5; }
.theme-card img { width:100%; height:140px; margin:-24px -24px 18px; width:calc(100% + 48px); object-fit:cover; }
.cover-preview { display:block; border:0; padding:0; width:100%; background:transparent; cursor:zoom-in; }
.card-body { padding:16px; }
.card-body h3 { margin:0 0 8px; font-size:1.05rem; }
.card-body p { margin:0; color:#735d64; font-size:.9rem; }
.static-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.static-buttons .button { padding:10px 13px; font-size:.82rem; margin:0; }
.catalog-browser { display:grid; grid-template-columns:minmax(0,1fr) 46px; gap:20px; align-items:start; }
.theme-search { margin:0 0 28px; }
.theme-search label { display:block; font-weight:800; margin-bottom:9px; }
.search-input-wrap { display:flex; align-items:center; gap:9px; max-width:620px; padding:0 14px; background:#fff; border:2px solid var(--line); border-radius:14px; }
.search-input-wrap span { font-size:1.25rem; }
.search-input-wrap input { min-width:0; width:100%; border:0; outline:0; padding:15px 0; font:inherit; color:var(--ink); }
.search-suggestion { min-height:1.3em; margin:8px 0 0; color:#705c22; font-size:.92rem; }
.theme-letter-group { scroll-margin-top:28px; margin:0 0 34px; }
.theme-letter-group h2 { color:#b68100; font-size:1.35rem; border-bottom:1px solid var(--line); padding-bottom:8px; }
.theme-card.is-hidden, .theme-letter-group.is-hidden { display:none; }
.catalog-hero { padding:48px 0 28px; }
.inspiration-cta { display:inline-flex; align-items:center; justify-content:center; max-width:620px; margin:16px 0 0 12px; padding:14px 18px; border-radius:12px; background:var(--red); color:#fff; font-weight:900; text-align:center; box-shadow:0 4px 0 #c90810; }
.inspiration-cta:hover { transform:translateY(2px); box-shadow:0 2px 0 #c90810; }
.inspiration-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:22px; }
.inspiration-card { overflow:hidden; border:1px solid #ead4aa; border-radius:18px; background:#fff; box-shadow:0 8px 22px #3b260f14; }
.inspiration-card img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.inspiration-card div { padding:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.inspiration-card h2 { margin:0; font-size:1.05rem; }
.empty-note { border:2px dashed #eac4d0; padding:22px; border-radius:16px; background:#fff; color:#735d64; }
.topper-layout { display:grid; grid-template-columns:minmax(260px,.9fr) 1.1fr; gap:42px; padding:58px 0; }
.topper-cover { width:100%; border-radius:22px; background:#f8e5ea; aspect-ratio:1/1; object-fit:cover; }
.download-box { margin-top:25px; padding:22px; background:#fff9df; border-radius:18px; }
.download-box label { display:block; font-weight:800; margin-bottom:8px; }
.download-box select { width:100%; padding:12px; border:1px solid #e3b8c5; border-radius:10px; background:white; }
.download-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.download-actions .button { margin:0; }
.button.unavailable { background:#b5a46c; color:#fffdf2; cursor:not-allowed; opacity:.9; }
.download-help { margin:14px 0 0; color:#705c22; font-size:.9rem; }
.site-footer { background:var(--yellow); color:var(--ink); padding:38px 0; margin-top:30px; text-align:center; }
.footer-video-link { color:#6b2500; font-weight:900; text-decoration:underline; text-underline-offset:4px; }
.image-lightbox { position:fixed; inset:0; z-index:9999; display:none; place-items:center; padding:24px; background:#000c; }
.image-lightbox.open { display:grid; }
.image-lightbox img { max-width:min(92vw,950px); max-height:88vh; border-radius:12px; background:#fff; }
.image-lightbox button { position:absolute; top:18px; right:22px; border:0; background:#fff; color:#332800; width:42px; height:42px; border-radius:50%; font-size:26px; cursor:pointer; }
.lightbox-paperaria { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); margin:0; white-space:nowrap; }
.paperaria-callout { display:grid; justify-items:center; gap:8px; max-width:760px; margin:0 auto; padding:16px; border:3px solid var(--red); border-radius:16px; background:#fff; color:var(--red); text-align:center; }
.paperaria-callout__check { width:42px; height:42px; border:3px solid var(--red); border-radius:8px; background:#fff; }
.paperaria-instruction { max-width:760px; margin:0 auto 26px; color:var(--red); font-weight:900; text-align:center; text-transform:uppercase; }
.paperaria-choice { display:grid; gap:10px; margin-top:13px; }
.paperaria-choice label { display:flex; align-items:center; gap:8px; font-weight:800; font-size:.88rem; }
.paperaria-choice input { width:20px; height:20px; accent-color:var(--red); }
.paperaria-choice .button { width:100%; margin:0; text-align:center; }
.paperaria-adjusted { margin:0 0 10px; }.paperaria-adjusted__open { width:100%; margin:0!important; background:#232d62; box-shadow:0 4px 0 #151a3c; }.paperaria-adjusted__open:hover { background:#303e86; }.paperaria-adjusted__sizes { margin-top:10px; padding:14px; border:1px solid #cfd5ff; border-radius:10px; background:#f4f6ff; }.paperaria-adjusted__sizes>strong { display:block; margin-bottom:10px; color:#232d62; text-align:center; }.paperaria-adjusted__sizes>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.paperaria-size { display:flex; min-height:42px; align-items:center; justify-content:center; padding:7px; border:1px solid #232d62; border-radius:7px; background:#fff; color:#232d62; font-size:.82rem; font-weight:900; text-align:center; text-decoration:none; }.paperaria-size:hover { background:#232d62; color:#fff; }
.designer-send { margin-top:12px !important; background:#6b2500; }.designer-send--theme { display:flex; width:min(100%,460px); min-height:50px; align-items:center; justify-content:center; margin:0 auto 22px!important; padding:10px 16px; text-align:center; }
.print-ad { display:flex; align-items:center; justify-content:center; gap:14px; width:100%; padding:14px 18px; border:2px solid #8d171c; border-radius:16px; background:linear-gradient(135deg,#d9353a,#a81920); color:#fff; text-align:left; box-shadow:0 6px 0 #7b1217,0 12px 24px rgba(91,57,0,.2); animation:dc-print-ad-pulse 2.8s ease-in-out infinite; }
.print-ad:hover { animation-play-state:paused; transform:translateY(2px); box-shadow:0 4px 0 #7b1217,0 8px 18px rgba(91,57,0,.2); }
.print-ad__marker { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:10px; background:#ffdc00; color:#612000; font-size:1.45rem; font-weight:900; animation:dc-marker-wiggle 1.8s ease-in-out infinite; }
.print-ad__content { display:grid; gap:3px; min-width:0; }
.print-ad__content strong { font-size:clamp(.82rem,2vw,1rem); line-height:1.18; }
.print-ad__content small { font-size:.78rem; font-weight:700; }
.print-ad__arrow { margin-left:auto; font-size:1.55rem; font-weight:900; }
.print-ad--top { margin:4px 0 0; }
.print-ad--home { margin-top:4px; }
.print-ad--between-covers { grid-column:1 / -1; margin:8px 0; }
.print-ad--between-themes { grid-column:1 / -1; margin:8px 0; }
.catalog-hero .print-help-link { display:none; }
.button:not(.unavailable), .home-actions__button, .inspiration-cta { animation:dc-button-breathe 3.2s ease-in-out infinite; }
@keyframes dc-print-ad-pulse { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px); box-shadow:0 8px 0 #7b1217,0 16px 28px rgba(91,57,0,.27); } }
@keyframes dc-marker-wiggle { 0%,100% { transform:rotate(0deg) scale(1); } 50% { transform:rotate(-8deg) scale(1.1); } }
@keyframes dc-button-breathe { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.08); } }
@media (prefers-reduced-motion:reduce) { .print-ad, .print-ad__marker, .button:not(.unavailable), .home-actions__button, .inspiration-cta { animation:none; } }
@media(max-width:760px) { .main-nav { gap:12px; font-size:.8rem; } .hero-grid,.topper-layout { grid-template-columns:1fr; } .theme-grid,.topper-grid { grid-template-columns:repeat(2,1fr); } .hero { padding:48px 0; } .catalog-browser { grid-template-columns:1fr; } .site-print-bar { padding-bottom:10px; } .print-ad { gap:10px; padding:12px; } .print-ad__marker { flex-basis:32px; width:32px; height:32px; font-size:1.2rem; } .print-ad__content small { font-size:.7rem; } .print-ad__arrow { display:none; } }

/* Chamada para requisitos e acessos ao WhatsApp. */
.brand { display:flex; align-items:center; }
.brand img { display:block; width:250px; max-width:48vw; height:auto; }
.site-print-bar { padding:12px 0 18px; }
.print-optin { display:grid; justify-items:center; gap:9px; text-align:center; }
.print-optin__box { display:block; width:86px; height:86px; border:5px solid var(--red); border-radius:14px; background:#fff; box-shadow:0 5px 0 #c90810; animation:dc-double-hop 3.2s ease-in-out infinite; }
.print-optin__box:hover { background:#fff7a8; }
.print-optin__instruction { max-width:720px; color:var(--red); font-size:clamp(.78rem,2vw,1rem); font-weight:900; letter-spacing:.025em; line-height:1.25; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
.print-ad { border-color:var(--red); background:var(--red); box-shadow:0 5px 0 #c90810,0 10px 20px rgba(240,24,32,.22); animation:none; }
.print-ad:hover { box-shadow:0 3px 0 #c90810,0 7px 15px rgba(240,24,32,.22); }
.print-ad__marker { flex-basis:38px; width:38px; height:38px; border:3px solid #fff; border-radius:9px; background:transparent; color:transparent; animation:dc-double-hop 3.2s ease-in-out infinite; }
.print-ad__content small { display:block; animation:dc-double-hop 3.2s ease-in-out infinite; }
.print-ad__arrow { color:var(--yellow); }
.print-ad--top { display:none; }
.whatsapp-float { position:fixed; right:20px; bottom:20px; z-index:9000; display:grid; place-items:center; width:58px; height:58px; border:3px solid #fff; border-radius:50%; background:#25d366; color:#fff; box-shadow:0 5px 18px rgba(0,0,0,.28); transition:transform .2s ease; }
.whatsapp-float:hover { transform:scale(1.08); }
.whatsapp-float svg { width:35px; height:35px; }
.whatsapp-float span { position:absolute; right:68px; width:max-content; padding:7px 10px; border-radius:8px; background:#fff; color:#25332b; font-size:.8rem; font-weight:800; box-shadow:0 3px 12px rgba(0,0,0,.16); opacity:0; pointer-events:none; transform:translateX(5px); transition:opacity .2s ease,transform .2s ease; }
.whatsapp-float:hover span,.whatsapp-float:focus-visible span { opacity:1; transform:translateX(0); }
@keyframes dc-double-hop { 0%,13%,45%,100% { transform:translateY(0); } 22% { transform:translateY(-12px); } 32% { transform:translateY(0); } 39% { transform:translateY(-7px); } }
@media (prefers-reduced-motion:reduce) { .print-optin__box, .print-ad__marker, .print-ad__content small { animation:none; } }
@media(max-width:760px) { .nav-wrap { min-height:64px; gap:10px; } .brand img { width:190px; max-width:52vw; } .print-optin__box { width:76px; height:76px; } .print-optin__instruction { max-width:340px; font-size:.76rem; } .whatsapp-float { right:14px; bottom:14px; width:54px; height:54px; } }

/* Área do decorador: passos curtos e editor compacto. */
.decorator-page { min-height:calc(100vh - 180px); padding:34px 0 48px; background:#fff9df; }.decorator-page__intro { margin:0 auto 22px; text-align:center; }.decorator-page__intro h1 { margin:0; font-size:clamp(1.65rem,3.5vw,2.5rem); }.decorator-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:900px; margin:auto; }.decorator-action { display:flex; min-height:112px; align-items:center; justify-content:center; padding:18px; border-radius:16px; background:var(--red); color:#fff; font-weight:900; text-align:center; box-shadow:0 5px 0 #c90810; }.decorator-action--soon { background:#b5a46c; box-shadow:0 5px 0 #8c7d4b; cursor:not-allowed; }.decorator-action small { display:block; margin-top:7px; font-size:.75rem; }
.personalizer-page { min-height:calc(100vh - 180px); padding:24px 0 34px; }.personalizer-head { margin-bottom:16px; }.personalizer-head h1 { margin:3px auto 6px; font-size:clamp(1.5rem,3vw,2.15rem); }.personalizer-head p { font-size:.94rem; }.personalizer-step { max-width:640px; margin:0 auto; padding:20px; border:1px solid var(--line); border-radius:18px; background:#fff; text-align:center; box-shadow:0 8px 24px rgba(75,56,0,.08); }.personalizer-step h2 { margin:0 0 12px; font-size:1.25rem; }.personalizer-choice { display:grid; grid-template-columns:86px 1fr; align-items:center; gap:12px; max-width:430px; margin:12px auto; padding:9px; border:2px solid var(--red); border-radius:12px; background:#fff9df; color:inherit; font:inherit; text-align:left; cursor:pointer; }.personalizer-choice img { width:86px; height:72px; border-radius:8px; object-fit:cover; }.personalizer-step .button { margin:2px 0 0; }.personalizer-editor[hidden],.personalizer-step[hidden] { display:none; }.personalizer-editor { max-width:980px; margin:auto; }.personalizer-layout { grid-template-columns:275px minmax(0,1fr); gap:20px; align-items:center; }.personalizer-controls { gap:7px; padding:16px; }.personalizer-controls label { margin-top:2px; }.personalizer-controls input[type="text"],.personalizer-controls input[type="number"] { padding:10px; }.personalizer-controls .button { margin:5px 0 0; }.personalizer-preview-wrap { gap:5px; }.preview-label { font-size:.9rem; }.label-preview { width:min(100%,470px); }
#dc-theme-step { max-width:900px; } #dc-theme-step .personalizer-choice { display:inline-grid; width:calc(50% - 16px); max-width:none; margin:6px; vertical-align:top; } @media(max-width:620px) { #dc-theme-step .personalizer-choice { display:grid; width:auto; margin:8px auto; } }
#dc-theme-step .personalizer-choice[hidden] { display:none!important; }
.theme-search { display:flex; width:min(100%,430px); margin:0 auto 12px; padding:0 12px; align-items:center; gap:8px; border:2px solid var(--line); border-radius:999px; background:#fff; }.theme-search:focus-within { border-color:var(--red); }.theme-search span { color:var(--red); font-size:1.6rem; font-weight:900; line-height:1; }.theme-search input { width:100%; min-width:0; padding:11px 0; border:0; outline:0; background:transparent; font:inherit; font-weight:700; }.theme-search__empty { margin:8px 0; color:var(--red); font-weight:900; }
@media(max-width:760px) { .decorator-actions { grid-template-columns:1fr; }.decorator-action { min-height:68px; }.personalizer-layout { grid-template-columns:1fr; }.personalizer-preview-wrap { order:0; }.label-preview { width:min(100%,390px); }.personalizer-page { min-height:0; } }

/* Medidas de preenchimento: nome 5,349 cm; idade 2,3 × 2,3 cm. */
.label-name { left:2.65%; top:69%; width:94.69%; height:25%; }
.label-age { left:50.89%; top:7.98%; width:40.72%; height:43.13%; }
.label-name > span,.label-age > span { display:inline-block; transform-origin:center; }

/* Tipografia grande, mais compacta e com contorno muito marcado. */
.label-name,.label-age { letter-spacing:-.12em; -webkit-text-stroke:clamp(6px,1.7vw,15px) #101010; text-shadow:3px 3px 0 #101010; }

/* Edição feita diretamente na prévia do rótulo. */
.personalizer-editor--direct .personalizer-layout { display:flex; flex-direction:column; align-items:center; gap:12px; }.personalizer-editor--direct .personalizer-preview-wrap { order:0; width:100%; }.personalizer-print-button { min-width:min(100%,470px); margin:0; }.label-editable { cursor:text; }.label-editable:focus-within { outline:0; }.label-hint { position:absolute; z-index:2; margin:0; color:#3b260f; font-size:clamp(.42rem,1.15vw,.68rem); font-weight:900; line-height:1; text-align:center; white-space:nowrap; pointer-events:none; }.label-hint--age { left:50%; top:2%; width:46%; }.label-hint--name { left:2%; top:66%; width:96%; padding:2px 4px; border-radius:4px; background:rgba(255,255,255,.88); }.label-editable[contenteditable="true"] { caret-color:#101010; outline:0; }
@media print { .label-hint { display:none!important; } }

/* Entrada da Confeitaria e editor web de toppers. */
.confectioner-page,.topper-editor-page { padding:34px 0 52px; background:#fff9df; }.confectioner-page__intro,.topper-editor-head { max-width:760px; margin:0 auto 22px; text-align:center; }.confectioner-page__intro h1,.topper-editor-head h1 { margin:0 0 8px; font-size:clamp(1.65rem,3.5vw,2.5rem); }.topper-editor-head p { margin:0; }.confectioner-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:900px; margin:auto; }.confectioner-action { display:grid; min-height:180px; align-content:center; gap:12px; padding:24px; border-radius:18px; background:var(--red); color:#fff; text-align:center; box-shadow:0 5px 0 #c90810; }.confectioner-action--editor { background:#6b2500; box-shadow:0 5px 0 #442000; }.confectioner-action strong { font-size:clamp(1.05rem,2vw,1.35rem); }.confectioner-action span { font-size:.92rem; font-weight:700; }.topper-editor { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:22px; max-width:1050px; margin:auto; }.topper-canvas-wrap { position:relative; overflow:hidden; min-height:360px; border:2px solid var(--line); border-radius:18px; background:#fff; }.topper-canvas-wrap canvas { display:block; width:100%; height:auto; touch-action:none; }.topper-empty { position:absolute; inset:0; display:grid; place-items:center; padding:35px; color:#6b2500; font-weight:900; text-align:center; cursor:pointer; }.topper-tools { display:grid; align-content:start; gap:12px; padding:18px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(75,56,0,.08); }.topper-upload,.topper-tools button { display:flex; min-height:46px; align-items:center; justify-content:center; padding:10px; border:0; border-radius:10px; background:var(--red); color:#fff; font:inherit; font-weight:900; text-align:center; cursor:pointer; }.topper-inputs { display:grid; gap:9px; }.topper-inputs label { display:grid; gap:4px; font-weight:900; }.topper-inputs input { width:100%; padding:11px; border:1px solid var(--line); border-radius:10px; font:inherit; }.topper-tool-row { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.topper-tools .topper-colors { display:flex; }.topper-colors button { width:38px; min-height:38px; padding:0; border:3px solid #fff; outline:1px solid #b9a55b; }.topper-colors button:nth-child(1) { background:#111; }.topper-colors button:nth-child(2) { background:#fff; }.topper-colors button:nth-child(3) { background:#dc2626; }.topper-colors button:nth-child(4) { background:#2563eb; }.topper-colors button:nth-child(5) { background:#16a34a; }.topper-help { margin:0; color:#705c22; font-size:.83rem; line-height:1.4; }.topper-save { width:100%; margin:0; text-align:center; }
@media(max-width:760px) { .confectioner-actions,.topper-editor { grid-template-columns:1fr; }.confectioner-action { min-height:122px; }.topper-canvas-wrap { min-height:0; } }

/* Interface web com o aspeto e organização do aplicativo Android. */
.apk-editor-page { padding:12px 0; background:var(--yellow); }.apk-editor { max-width:760px; margin:auto; padding:12px; border-radius:18px; background:var(--yellow); }.apk-stage { position:relative; min-height:62vh; overflow:hidden; border-radius:16px; background:#fff9e1; }.apk-stage canvas { position:relative; z-index:2; display:block; width:100%; height:auto; background:transparent; touch-action:none; }.apk-original-topper { position:absolute; z-index:1; display:block; box-sizing:border-box; pointer-events:none; }.apk-original-topper[hidden] { display:none!important; }.apk-tutorial,.apk-buy,.apk-floating,.apk-empty { position:absolute; border:0; font:inherit; font-weight:900; cursor:pointer; }.apk-tutorial { top:5px; left:10px; right:10px; min-height:42px; border-radius:12px; background:#fff1a4; color:#402d0f; font-size:.74rem; }.apk-empty { inset:0; display:grid; align-content:center; justify-items:center; gap:9px; background:transparent; color:#402d0f; font-size:1rem; }.apk-empty b { font-size:4.1rem; line-height:.8; }.apk-empty small { font-size:.78rem; font-weight:700; }.apk-buy,.apk-floating { right:14px; bottom:14px; left:14px; min-height:54px; border-radius:16px; background:#cc2a2a; color:#fff; display:flex; align-items:center; justify-content:center; padding:10px; text-align:center; }.apk-floating { left:calc(50% - 65px); right:auto; width:130px; }.apk-page-tools { display:grid; grid-template-columns:110px 1fr 130px; align-items:center; gap:8px; padding:8px 0 4px; }.apk-page-tools button,.apk-tools button { min-height:44px; padding:8px 10px; border:0; border-radius:12px; background:#cc2a2a; color:#fff; font:inherit; font-size:.83rem; font-weight:900; cursor:pointer; }.apk-page-tools span { text-align:center; font-size:.85rem; font-weight:900; }.apk-tool-scroll { overflow:auto; }.apk-tools { display:flex; gap:7px; min-width:max-content; padding:8px 0; }.apk-tools .apk-whatsapp { background:#25d366; }.apk-tools .apk-color { width:48px; min-width:48px; padding:0; border:2px solid #fff; outline:1px solid #b49a42; font-size:1.35rem; }.apk-color-black { color:#000!important; background:#e2e8f0!important; }.apk-color-white { color:#fff!important; background:#e2e8f0!important; }.apk-color-red { color:#dc2626!important; background:#e2e8f0!important; }.apk-color-blue { color:#2563eb!important; background:#e2e8f0!important; }.apk-color-green { color:#16a34a!important; background:#e2e8f0!important; }.apk-save { width:100%; min-height:52px; border:0; border-radius:16px; background:#cc2a2a; color:#fff; font:inherit; font-size:1.05rem; font-weight:900; cursor:pointer; }.apk-brand { margin:5px 0 0; color:#402d0f; font-size:.62rem; font-weight:900; text-align:center; }.apk-dialog { position:fixed; inset:0; z-index:9999; display:grid; place-items:center; padding:18px; background:#0008; }.apk-dialog__card { display:grid; gap:10px; width:min(100%,390px); padding:22px; border-radius:18px; background:#fff; color:#1f2937; }.apk-dialog__card h2,.apk-dialog__card p { margin:0; }.apk-dialog__card button { min-height:48px; border:0; border-radius:12px; background:#cc2a2a; color:#fff; font:inherit; font-weight:900; }.apk-dialog__card button:nth-of-type(2) { background:#2563eb; }.apk-dialog__card input { width:100%; padding:12px; border:1px solid var(--line); border-radius:10px; font:inherit; }
@media(max-width:520px) { .apk-editor { padding:8px; }.apk-stage { min-height:0; }.apk-page-tools { grid-template-columns:92px 1fr 108px; }.apk-page-tools button { font-size:.72rem; }.apk-tutorial { font-size:.62rem; } }

/* No editor, o palco ocupa a tela inteira como no aplicativo. */
body.dc-apk-editor-active { overflow:hidden; } body.dc-apk-editor-active .site-header,body.dc-apk-editor-active .site-print-bar,body.dc-apk-editor-active .site-footer { display:none; } body.dc-apk-editor-active main { min-height:var(--dc-apk-editor-height,100dvh); } body.dc-apk-editor-active .apk-editor-page { height:var(--dc-apk-editor-height,100dvh); padding:0; } body.dc-apk-editor-active .apk-editor-page .container { width:100%; height:100%; } body.dc-apk-editor-active .apk-editor { display:flex; flex-direction:column; max-width:none; height:100%; padding:8px 12px; border-radius:0; } body.dc-apk-editor-active .apk-stage { flex:1; min-height:0; } .apk-hidden-entry { position:fixed; top:0; left:0; width:2px; height:2px; padding:0; border:0; opacity:0; } body.dc-apk-editor-active .apk-empty { padding-top:0; } @media(max-width:520px) { body.dc-apk-editor-active .apk-editor { padding:5px 8px; }.apk-tools { padding:5px 0; }.apk-page-tools { padding:4px 0 2px; }.apk-page-tools button,.apk-tools button { min-height:39px; }.apk-save { min-height:46px; } }

/* O atributo hidden deve sempre sobrepor as grelhas da interface. */
.apk-dialog[hidden],.apk-empty[hidden],.apk-floating[hidden] { display:none!important; }.apk-edit-control { display:none!important; }
.apk-dialog { display:none!important; }.apk-dialog.is-open { display:grid!important; }.apk-empty.is-hidden { display:none!important; }
.apk-floating { bottom:calc(14px + var(--dc-apk-keyboard-inset,0px)); }
.apk-stage canvas { width:100%; height:100%; }
.apk-notice { margin:3px 0 0; color:#402d0f; font-size:.74rem; font-weight:900; text-align:center; }
.apk-limit-contact { display:flex; align-items:center; justify-content:center; min-height:48px; border-radius:12px; background:#25d366; color:#fff; font:inherit; font-weight:900; text-align:center; }
.apk-desktop-header,.apk-desktop-left-tools,.apk-desktop-palette { display:none; } @media(min-width:961px) { body.dc-paperaria-viewer .apk-editor { display:grid!important; grid-template-columns:76px minmax(0,1fr) 88px; grid-template-rows:72px minmax(0,1fr); gap:14px 18px; height:100%; max-width:1520px; padding:16px 28px; background:#fff200; } body.dc-paperaria-viewer .apk-desktop-header { display:grid; grid-column:1 / 4; grid-row:1; grid-template-columns:56px 56px 56px minmax(260px,1fr) 64px; align-items:center; gap:14px; padding:0 16px; border:2px solid #d2af00; background:#fff200; } body.dc-paperaria-viewer .apk-desktop-header button { width:56px; height:48px; border:0; border-radius:8px; background:#17120c; color:#fff200; font:900 2rem/1 Arial,sans-serif; cursor:pointer; } body.dc-paperaria-viewer .apk-desktop-header button:hover { background:#cc2a2a; color:#fff; } body.dc-paperaria-viewer .apk-font-select { display:flex; height:48px; align-items:center; gap:10px; padding:0 14px; border:1px solid #17120c; background:#fff; color:#17120c; font-weight:900; } body.dc-paperaria-viewer .apk-font-select select { flex:1; border:0; outline:0; background:#fff; color:#17120c; font:2rem Arial,sans-serif; text-align:center; } body.dc-paperaria-viewer #dc-print-editor { justify-self:end; background:#cc2a2a; color:#fff; font-size:1.35rem; } body.dc-paperaria-viewer .apk-desktop-left-tools { display:grid; grid-column:1; grid-row:2; align-content:start; gap:10px; padding:10px; border:2px solid #d2af00; background:#fff200; } body.dc-paperaria-viewer .apk-desktop-left-tools button { width:54px; height:54px; border:2px solid transparent; background:#fff; color:#17120c; font:900 2rem/1 Arial,sans-serif; cursor:pointer; } body.dc-paperaria-viewer .apk-desktop-left-tools button:hover,body.dc-paperaria-viewer .apk-desktop-left-tools button:focus { border-color:#cc2a2a; outline:0; } body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="outline1"] { box-shadow:inset 0 0 0 5px #000; } body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="outline2"] { box-shadow:inset 0 0 0 4px #777,inset 0 0 0 9px #fff,inset 0 0 0 13px #000; } body.dc-paperaria-viewer .apk-stage { grid-column:2; grid-row:2; min-height:0; border:1px solid #8b8b8b; border-radius:0; background:#fff; box-shadow:0 6px 18px rgba(75,56,0,.18); } body.dc-paperaria-viewer .apk-desktop-palette { display:grid; grid-column:3; grid-row:2; grid-template-columns:repeat(2,1fr); align-content:start; border:1px solid #17120c; background:#fff; } body.dc-paperaria-viewer .apk-desktop-palette button { aspect-ratio:1; border:1px solid #17120c; cursor:pointer; } body.dc-paperaria-viewer .apk-desktop-palette button:hover { outline:4px solid #fff200; outline-offset:-6px; } body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(1){background:#000}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(2){background:#fff}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(3){background:#f18abb}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(4){background:#6d5a5a}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(5){background:#628ee8}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(6){background:#1515e8}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(7){background:#7777c9}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(8){background:#04d6dc}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(9){background:#858585}body.dc-paperaria-viewer .apk-desktop-palette button:nth-child(10){background:#16dc16} body.dc-paperaria-viewer .apk-page-tools,body.dc-paperaria-viewer .apk-tool-scroll,body.dc-paperaria-viewer .apk-save,body.dc-paperaria-viewer .apk-brand,body.dc-paperaria-viewer .apk-notice { display:none; } body.dc-paperaria-viewer .apk-empty { font-size:1.1rem; } }
@keyframes dc-palette-attention { 0%,100% { box-shadow:0 0 0 0 rgba(204,42,42,0); } 50% { box-shadow:0 0 0 6px rgba(204,42,42,.62); } }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-editor { grid-template-columns:76px minmax(0,1fr) 62px; } body.dc-paperaria-viewer .apk-desktop-palette { grid-template-columns:repeat(2,30px); max-height:100%; overflow-y:auto; } body.dc-paperaria-viewer .apk-desktop-palette.is-awaiting-color { animation:dc-palette-attention 1.15s ease-in-out infinite; } body.dc-paperaria-viewer .apk-desktop-palette button { width:30px; min-width:30px; height:30px; aspect-ratio:auto; } body.dc-paperaria-viewer .apk-desktop-palette .apk-extra-color { display:none; } body.dc-paperaria-viewer .apk-desktop-palette.is-expanded .apk-extra-color { display:block; } body.dc-paperaria-viewer .apk-desktop-palette .apk-palette-more { grid-column:1 / 3; width:60px; background:#fff; color:#17120c; font:900 1.35rem/1 Arial,sans-serif; } }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-desktop-header { grid-template-columns:56px 56px 56px minmax(150px,1fr) minmax(120px,150px) minmax(120px,150px) minmax(140px,190px) 64px; } body.dc-paperaria-viewer .apk-other-toppers { display:grid; min-height:40px; padding:6px 10px; border:2px solid #17120c; border-radius:7px; background:#fff; color:#17120c; font-size:.76rem; font-weight:900; line-height:1.1; text-align:center; text-decoration:none; place-items:center; } body.dc-paperaria-viewer .apk-other-toppers:hover { background:#cc2a2a; border-color:#cc2a2a; color:#fff; } }
@media(min-width:961px) { body.dc-paperaria-viewer #dc-print-editor { display:grid; place-items:center; } body.dc-paperaria-viewer #dc-print-editor svg { width:31px; height:31px; } }
@media(min-width:961px) { body.dc-paperaria-viewer #dc-print-editor { background-color:#cc2a2a; background-image:url('assets/editor/icone-imprimir.png'); background-repeat:no-repeat; background-position:center; background-size:31px 31px; background-blend-mode:multiply; } body.dc-paperaria-viewer #dc-print-editor svg { display:none; } }
@keyframes dc-paperaria-text-pulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 0 rgba(204,42,42,0); } 50% { transform:scale(1.07); box-shadow:0 0 0 7px rgba(204,42,42,.22); } }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-onboarding-tip { position:absolute; z-index:5; top:18px; left:50%; margin:0; transform:translateX(-50%); padding:9px 14px; border:1px solid #17120c; border-radius:7px; background:#fff; color:#17120c; box-shadow:0 3px 10px rgba(0,0,0,.17); font-size:.85rem; font-weight:800; white-space:nowrap; pointer-events:none; } body.dc-paperaria-viewer .apk-desktop-left-tools button.is-pulsing { border-color:#cc2a2a; animation:dc-paperaria-text-pulse 1.25s ease-in-out infinite; } }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-print-shortcut { display:grid; justify-self:end; justify-items:center; gap:2px; color:#17120c; font:900 .62rem/1 Arial,sans-serif; text-align:center; white-space:nowrap; } body.dc-paperaria-viewer .apk-print-shortcut #dc-print-editor { display:grid; width:56px; height:48px; place-items:center; border-radius:8px; pointer-events:none; } body.dc-paperaria-viewer .apk-print-shortcut small { font:900 .62rem/1 Arial,sans-serif; } }
.dc-system-print-help { display:none; }
#dc-paperaria-print-page { display:none; }
@media print { body.dc-paperaria-viewer>#dc-paperaria-print-page { display:block!important; width:21cm!important; height:29.7cm!important; margin:0!important; padding:0!important; object-fit:fill!important; background:#fff!important; } }
@media(min-width:961px) { body.dc-paperaria-viewer .dc-system-print-help { display:block; max-width:1520px; margin:-2px auto 14px; padding:8px 14px; border:1px solid #d2af00; background:#fffbe0; color:#17120c; font-size:.82rem; text-align:center; } }
.apk-pdf-pages { position:absolute; z-index:8; right:14px; bottom:14px; display:flex; align-items:center; gap:7px; padding:7px; border:1px solid #17120c; border-radius:10px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,.16); }
.apk-pdf-pages span { padding:0 4px; color:#17120c; font-size:.72rem; font-weight:900; }
.apk-pdf-pages button { min-width:62px; min-height:34px; border:1px solid #17120c; border-radius:6px; background:#fff; color:#17120c; font:900 .73rem/1 Arial,sans-serif; cursor:pointer; }
.apk-pdf-pages button[aria-current="page"] { border-color:#cc2a2a; background:#cc2a2a; color:#fff; cursor:default; }
.apk-pdf-pages button:disabled { opacity:1; }
.apk-pdf-pages[hidden] { display:none!important; }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-stage.is-text-placement,body.dc-paperaria-viewer .apk-stage.is-text-placement canvas { cursor:text; } }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="eraser"] svg,body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="insert-image"] svg { width:29px; height:29px; } body.dc-paperaria-viewer .apk-stage.is-erasing,body.dc-paperaria-viewer .apk-stage.is-erasing canvas { cursor:crosshair; } body.dc-paperaria-viewer .apk-stage.is-file-dragover { outline:4px dashed #cc2a2a; outline-offset:-8px; } body.dc-paperaria-viewer .apk-eraser-size { position:absolute; z-index:7; top:14px; right:14px; display:flex; align-items:center; overflow:hidden; border:1px solid #17120c; border-radius:9px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,.16); } body.dc-paperaria-viewer .apk-eraser-size[hidden] { display:none!important; } body.dc-paperaria-viewer .apk-eraser-size button { width:36px; height:36px; border:0; background:#17120c; color:#fff200; font:900 1.4rem/1 Arial,sans-serif; cursor:pointer; } body.dc-paperaria-viewer .apk-eraser-size span { min-width:102px; padding:0 8px; color:#17120c; font-size:.75rem; font-weight:900; text-align:center; } }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-edit-control:not([hidden]) { position:absolute; z-index:6; display:grid!important; place-items:center; left:auto; right:14px; bottom:auto; width:48px; min-height:48px; padding:0; border-radius:10px; font-size:1.7rem; line-height:1; } body.dc-paperaria-viewer .apk-grow-text { top:14px; } body.dc-paperaria-viewer .apk-rotate-text { top:72px; } }
@media(min-width:961px) { body.dc-paperaria-viewer .apk-rotate-text { display:none!important; } }
.apk-sheet-guide { display:none; } @media(min-width:961px) { body.dc-paperaria-viewer .apk-sheet-guide { position:absolute; z-index:3; top:4%; left:50%; display:block; height:92%; aspect-ratio:210 / 297; transform:translateX(-50%); border:1px solid #777; background:transparent; box-shadow:0 0 0 999vmax rgba(43,43,43,.12),4px 5px 0 rgba(0,0,0,.18); pointer-events:none; } body.dc-paperaria-viewer .apk-sheet-guide span { position:absolute; top:-23px; left:50%; transform:translateX(-50%); padding:3px 7px; border-radius:4px; background:#fff200; color:#17120c; font-size:.7rem; font-weight:900; white-space:nowrap; } body.dc-paperaria-viewer .apk-sheet-guide.is-hidden { display:none; } }
@media print { .print-label .label-name { left:2.65%!important; top:69%!important; width:94.69%!important; height:25%!important; } .print-label .label-age { left:50.89%!important; top:7.98%!important; width:40.72%!important; height:43.13%!important; } }

/* Prévia realista: o rótulo é uma pequena folha impressa, não uma moldura. */
#dc-mockup-view[hidden],#dc-label-editor[hidden],#dc-done[hidden],#dc-print-modal[hidden],#dc-save-page[hidden],#dc-multiplied-page[hidden],#dc-mockup-actions[hidden] { display:none!important; }
.personalizer-editor--direct .personalizer-layout { display:flex; flex-direction:column; align-items:center; gap:14px; }.personalizer-editor--direct .personalizer-preview-wrap { width:100%; }.personalizer-done-button { position:fixed; z-index:30; right:18px; bottom:18px; min-width:150px; border-radius:999px; box-shadow:0 6px 18px rgba(98,0,0,.34); }.button--outline { margin-top:13px; border:2px solid var(--red); background:#fff; color:var(--red); }
.juice-mockup-panel { width:min(100%,430px); padding:15px 18px 18px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(75,56,0,.08); text-align:center; }.juice-mockup-panel h2 { margin:0; font-size:1.05rem; }.juice-mockup-panel p { margin:5px 0 12px; color:#705c22; font-size:.82rem; font-weight:700; }.juice-mockup { position:relative; display:block; width:min(100%,305px); margin:auto; padding:0; border:0; background:transparent; cursor:pointer; }.juice-mockup:focus-visible { outline:3px solid var(--red); outline-offset:5px; border-radius:10px; }.juice-mockup__carton { display:block; width:100%; height:auto; }.juice-label-paper { position:absolute; z-index:1; display:block; left:26.2%; top:27%; width:47.7%; aspect-ratio:5.3/5.33; padding:1px; overflow:hidden; border:1px solid rgba(83,61,28,.26); border-radius:2px; background:#fffdfa; box-shadow:0 1px 1px rgba(35,22,0,.25),0 3px 5px rgba(35,22,0,.16); transform:perspective(700px) rotateY(-1.4deg) rotateX(.5deg); transform-origin:center; }.juice-label-paper>.label-preview { width:100%; height:100%; aspect-ratio:auto; overflow:hidden; border-radius:1px; background:#fff; }.juice-label-paper>.label-preview>img { width:100%; height:100%; object-fit:fill; }.juice-label-paper .label-name,.juice-label-paper .label-age { pointer-events:none; }
.juice-label-paper>img { display:block; width:100%; height:100%; object-fit:fill; }
.label-name,.label-age { font-family:Impact,"Arial Black",sans-serif!important; font-weight:900; letter-spacing:-.06em; -webkit-text-stroke:clamp(3px,.825vw,7.5px) #17120c; text-shadow:1.5px 1.5px 0 rgba(255,255,255,.8); }.juice-label-paper .label-name,.juice-label-paper .label-age { -webkit-text-stroke-width:clamp(1.5px,.405vw,3px); text-shadow:.75px .75px 0 rgba(255,255,255,.75); }

/* Textos do rótulo: idade, anos e nome são independentes da arte Bluey. */
.label-years { position:absolute; z-index:3; left:54%; top:47%; display:flex; width:42%; height:18%; align-items:center; justify-content:center; background:#fff; color:#f01820; font-family:"Comic Sans MS","Arial Rounded MT Bold",cursive; font-size:clamp(1.4rem,6vw,4rem); font-weight:900; letter-spacing:-.12em; line-height:.8; -webkit-text-stroke:clamp(2px,.55vw,5px) #17120c; paint-order:stroke fill; }
.label-years > span { display:inline-block; transform:scaleX(.88); }
.juice-label-paper .label-years { font-size:clamp(.55rem,2vw,1.35rem); -webkit-text-stroke-width:clamp(1px,.22vw,2px); }

/* A fotografia de festa contém a zona do rótulo no topo da caixa. */
.juice-label-paper { left:33.2%; top:27.5%; width:33.5%; aspect-ratio:5.3/5.33; }
@media print { .print-label .label-years { display:flex!important; left:54%!important; top:47%!important; width:42%!important; height:18%!important; } }
.print-preview-modal { position:fixed; z-index:50; inset:0; overflow:auto; padding:18px; background:rgba(33,24,8,.72); }.print-preview-modal__dialog { position:relative; width:min(100%,850px); margin:auto; padding:22px; border-radius:18px; background:#fff9df; text-align:center; }.print-preview-modal__dialog h2 { margin:0; font-size:1.2rem; }.print-preview-modal__dialog>p { margin:6px 35px 16px; color:#705c22; font-size:.88rem; }.print-preview-modal__close { position:absolute; top:9px; right:12px; width:35px; height:35px; border:0; border-radius:50%; background:var(--red); color:#fff; font-size:1.7rem; line-height:1; cursor:pointer; }.print-preview-modal .print-sheet { display:grid; grid-template-columns:repeat(3,var(--label-w)); gap:var(--gap); width:21cm; min-height:29.7cm; margin:0 auto 16px; padding:calc(var(--gap) * .9); align-content:center; justify-content:center; overflow:hidden; background:#fff; box-shadow:0 2px 10px rgba(75,56,0,.2); }.print-preview-modal .print-label { position:relative; width:var(--label-w); height:var(--label-h); display:block; overflow:hidden; aspect-ratio:unset; }.print-preview-modal .print-label>img { display:block; width:100%; height:100%; object-fit:fill; }
@media print { body>* { display:none!important; } body>#dc-print-modal { display:block!important; position:static!important; padding:0!important; background:#fff!important; overflow:visible!important; } .print-preview-modal__dialog { width:auto!important; padding:0!important; border-radius:0!important; background:#fff!important; } .print-preview-modal__dialog>h2,.print-preview-modal__dialog>p,.print-preview-modal__close,.print-preview-modal__dialog>.button { display:none!important; } .print-preview-modal .print-sheet { display:grid!important; width:21cm!important; min-height:29.7cm!important; margin:0!important; padding:0!important; box-shadow:none!important; } }

/* Áreas confirmadas no rascunho: azul = idade, vermelho = anos, verde = nome. */
.personalizer-preview-wrap .label-preview { aspect-ratio:5.3/5.33; }
.label-age { left:52.5%; top:-7.40%; width:42.94%; height:68.14%; }
.label-years { left:57%; top:28.5%; width:36%; height:11%; }
.label-name { left:5%; top:66%; width:93%; height:27%; }
@media print { .print-label .label-age { left:52.5%!important; top:-7.40%!important; width:42.94%!important; height:68.14%!important; } .print-label .label-years { left:57%!important; top:28.5%!important; width:36%!important; height:11%!important; } .print-label .label-name { left:5%!important; top:66%!important; width:93%!important; height:27%!important; } }

/* Uma só escala visual para editar, pré-visualizar no suminho e imprimir. */
.label-preview,.print-label { container-type:inline-size; }
.label-name,.label-age { -webkit-text-stroke-width:1cqw!important; text-shadow:none!important; }
.juice-label-paper .label-name,.juice-label-paper .label-age { -webkit-text-stroke-width:1cqw!important; text-shadow:none!important; }
.juice-label-paper { padding:0; border:0; overflow:visible; background:transparent; box-shadow:none; }
.juice-label-paper .juice-label-png { display:block; width:100%; height:100%; object-fit:fill; }
.juice-label-paper .juice-label-art { display:block; width:100%; height:100%; object-fit:fill; pointer-events:none; }
.juice-label-paper .label-name,.juice-label-paper .label-age { pointer-events:auto; cursor:text; }
.print-label.juice-label-paper { left:0!important; top:0!important; padding:0!important; border:0!important; border-radius:0!important; transform:none!important; transform-origin:initial!important; box-shadow:none!important; aspect-ratio:auto!important; }
.print-label.juice-label-paper .juice-label-art { width:100%!important; height:100%!important; object-fit:fill!important; }
.label-name,.label-age { letter-spacing:.015em!important; paint-order:stroke fill!important; isolation:isolate; }
.label-name,.label-age { text-shadow:none!important; }
.label-name>span { display:inline-flex; align-items:center; gap:.02em; letter-spacing:0!important; }
.label-age>span { display:inline-block; letter-spacing:0!important; }
.label-name>span,.label-age>span { filter:drop-shadow(-.5cqw -.5cqw 0 #fff) drop-shadow(0 -.5cqw 0 #fff) drop-shadow(.5cqw -.5cqw 0 #fff) drop-shadow(.5cqw 0 0 #fff) drop-shadow(.5cqw .5cqw 0 #fff) drop-shadow(0 .5cqw 0 #fff) drop-shadow(-.5cqw .5cqw 0 #fff) drop-shadow(-.5cqw 0 0 #fff); }

/* O branco é uma silhueta única atrás do texto. O preto e as cores ficam sempre na frente. */
.label-name,.label-age { -webkit-text-stroke:0 transparent!important; }
.label-name>.label-text-group,.label-age>.label-text-group { position:relative; display:inline-flex!important; align-items:center; justify-content:center; gap:0!important; letter-spacing:0!important; line-height:.8; filter:none!important; transform-origin:center; }
.label-text-group .label-outline,.label-text-group .label-foreground { display:inline-flex; align-items:center; justify-content:center; gap:.02em; letter-spacing:0!important; white-space:pre; }
.label-age .label-text-group .label-outline,.label-age .label-text-group .label-foreground { display:inline-block; }
.label-text-group .label-outline { position:absolute; z-index:0; inset:0; color:#fff!important; filter:drop-shadow(-.5cqw -.5cqw 0 #fff) drop-shadow(0 -.5cqw 0 #fff) drop-shadow(.5cqw -.5cqw 0 #fff) drop-shadow(.5cqw 0 0 #fff) drop-shadow(.5cqw .5cqw 0 #fff) drop-shadow(0 .5cqw 0 #fff) drop-shadow(-.5cqw .5cqw 0 #fff) drop-shadow(-.5cqw 0 0 #fff); }
.label-text-group .label-outline>span { color:#fff!important; }
.label-text-group .label-foreground { position:relative; z-index:1; -webkit-text-stroke:1cqw #17120c; paint-order:stroke fill; }
.label-text-group .label-outline { display:none!important; }
.print-label--jpg { display:block; object-fit:fill; }
.juice-mockup-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:13px; }
.juice-mockup-actions .button { margin-top:0; }
.personalizer-save-page { min-height:70vh; padding:42px 0; text-align:center; background:var(--paper); }
.personalizer-save-page h1 { margin:0; }
.personalizer-save-page p { margin:8px 0 18px; font-weight:700; }
.personalizer-save-page #dc-saved-label { display:block; width:min(92vw,626px); height:auto; margin:0 auto 20px; box-shadow:0 3px 15px rgba(57,41,9,.2); }
.personalizer-save-page #dc-saved-label.is-sheet { width:min(92vw,794px); }
.personalizer-save-page #dc-multiplied-sheet { display:block; width:min(92vw,794px); height:auto; margin:0 auto 20px; box-shadow:0 3px 15px rgba(57,41,9,.2); }
.save-page-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }

@media(min-width:961px) {
  body.dc-paperaria-viewer #dc-local-fonts {
    width:auto;
    min-width:120px;
    padding:6px 9px;
    border:2px solid #17120c;
    background:#fff;
    color:#17120c;
    font-size:.72rem;
    line-height:1.05;
  }
  body.dc-paperaria-viewer #dc-local-fonts:hover:not(:disabled) {
    background:#cc2a2a;
    border-color:#cc2a2a;
    color:#fff;
  }
  body.dc-paperaria-viewer #dc-local-fonts:disabled { opacity:.7; cursor:wait; }
  body.dc-paperaria-viewer .apk-style-select select { font-size:1rem; }
}

@media(min-width:961px) {
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-label] { position:relative; }
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-label]::after {
    position:absolute;
    z-index:30;
    left:61px;
    top:50%;
    display:none;
    width:max-content;
    max-width:160px;
    padding:8px 10px;
    border:1px solid #17120c;
    border-radius:7px;
    background:#17120c;
    color:#fff;
    content:attr(data-label);
    font:900 .74rem/1 Arial,sans-serif;
    text-align:left;
    transform:translateY(-50%);
    box-shadow:0 3px 10px rgba(0,0,0,.22);
    pointer-events:none;
  }
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-label]:hover::after,
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-label]:focus-visible::after { display:block; }
}

@media(min-width:961px) {
  body.dc-paperaria-viewer .apk-desktop-left-tools {
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}
@media(min-width:961px) and (max-height:820px) {
  body.dc-paperaria-viewer .apk-desktop-left-tools { gap:6px; padding:7px; }
  body.dc-paperaria-viewer .apk-desktop-left-tools button { height:46px; font-size:1.7rem; }
}

@media(min-width:961px) {
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#000000"] { background:#000!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#ffffff"] { background:#fff!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#1f4f8f"] { background:#1f4f8f!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#628ee8"] { background:#628ee8!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#c61c6f"] { background:#c61c6f!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#f18abb"] { background:#f18abb!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#e31b23"] { background:#e31b23!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#006b3c"] { background:#006b3c!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#16dc16"] { background:#16dc16!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#f36f21"] { background:#f36f21!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#b89ad9"] { background:#b89ad9!important; }
  body.dc-paperaria-viewer .apk-desktop-palette button[data-color="#7a3e9d"] { background:#7a3e9d!important; }
}

@media(min-width:961px) {
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="outline1"],
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="outline2"] { padding:9px; box-shadow:none; }
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="outline1"] img,
  body.dc-paperaria-viewer .apk-desktop-left-tools button[data-action="outline2"] img { display:block; width:100%; height:100%; object-fit:contain; }
}

/* A Confeitaria ve apenas uma amostra marcada e em baixa resolucao do design. */
.confectioner-adjusted-preview { margin:.6rem 0 .2rem; text-align:center; }
.confectioner-adjusted-preview .button { width:100%; }
.confectioner-adjusted-preview small { display:block; margin-top:.32rem; color:#755f31; font-size:.74rem; }
.image-lightbox.image-lightbox--protected img { user-select:none; -webkit-user-drag:none; }
.lightbox-protected-note { position:absolute; bottom:83px; left:50%; transform:translateX(-50%); width:min(90vw,520px); margin:0; color:#fff; font-weight:800; text-align:center; text-shadow:0 1px 3px #000; }
.confectioner-desktop-block { min-height:58vh; display:grid; place-items:center; text-align:center; }
.confectioner-desktop-block__box { max-width:520px; padding:2.2rem; border:2px solid #ffd900; border-radius:18px; background:#fffdf3; box-shadow:0 12px 30px #0002; }
.confectioner-desktop-block__box h1 { margin:0 0 1.25rem; color:#d7261e; font-size:clamp(1.35rem,3vw,2.15rem); }
.apk-processing { position:absolute; z-index:12; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:.2rem; max-width:88%; margin:0; padding:.7rem 1rem; border:1px solid #b61919; border-radius:999px; background:#fffdf5; color:#2a2418; font-weight:900; box-shadow:0 6px 18px #0003; pointer-events:none; }
.apk-processing b { display:inline-block; width:1.15em; overflow:hidden; letter-spacing:.1em; animation:dc-processing-dots 1s steps(4,end) infinite; }
@keyframes dc-processing-dots { from { width:0; } to { width:1.15em; } }