:root{--ink:#38342b;--wine:#653c43;--cream:#f9f6ef;--pink:#eacfc8;--serif:"DM Serif Text",Georgia,serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible{outline:3px solid #b46b5a;outline-offset:4px}.wrap{width:min(1392px,calc(100% - 80px));margin:auto}.topline{background:var(--wine);color:#f8ece8;text-align:center;padding:10px;font-size:9px;letter-spacing:.2em;font-weight:700}.topline span{padding:0 22px;color:#dfb3a6}.header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:21px;line-height:.85}.logo i{font-size:17px;font-weight:400}.logo-mark{font:24px var(--serif);display:flex;align-items:center}.logo-mark span{font-size:12px;color:#ad786b;margin:0 2px}.nav{display:flex;gap:42px;font-size:13px}.nav a:hover,.text-link:hover{text-decoration:underline}.header-link{font-size:12px;font-weight:700;border-bottom:1px solid #918b80;padding-bottom:8px}.header-link span{margin-left:16px}.hero{display:grid;grid-template-columns:46% 54%;min-height:640px;padding-bottom:42px}.hero-copy{padding:70px 50px 20px 38px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;line-height:1.6}.dot{display:inline-block;background:#aa746b;width:7px;height:7px;border-radius:50%;margin-right:8px}.hero h1,.section h2,.story h2,.closing h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.hero h1{font-size:clamp(56px,6.5vw,100px);line-height:.94;margin:35px 0 28px}.hero h1 em,.section h2 em,.story h2 em,.closing h2 em{font-weight:400;color:#a46862}.hero-text{max-width:405px;line-height:1.8;font-size:15px;color:#6d685d}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 21px;font-size:12px;font-weight:700;transition:background .2s}.button-dark{background:var(--wine);color:#fff}.button-dark:hover{background:#4c2c33}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:8px}.hero-note{display:flex;align-items:center;gap:12px;font-size:11px;color:#857b70;line-height:1.55;margin-top:61px}.hero-note strong{color:var(--ink);font-weight:600}.note-icon{font-size:27px;color:#b77e6d}.hero-image{min-height:600px;position:relative;overflow:hidden;background:#dbcbbd}.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-label{position:absolute;bottom:30px;left:30px;background:#f8f3e9;padding:17px 22px;display:flex;flex-direction:column;gap:3px}.image-label span,.image-counter{font-size:9px;letter-spacing:.16em;font-weight:700}.image-label strong{font:italic 25px var(--serif);color:var(--wine)}.image-counter{position:absolute;bottom:22px;right:22px;color:white;text-shadow:0 1px 4px #222}.ticker{background:#e9d3ca;display:flex;justify-content:space-around;align-items:center;gap:30px;overflow:hidden;white-space:nowrap;padding:20px;font-size:10px;font-weight:700;letter-spacing:.17em}.ticker b{color:#986a60;font-size:17px}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2,.story h2,.closing h2{font-size:clamp(40px,4.4vw,66px);line-height:1.08;margin:15px 0 0}.section-heading>p{font-size:14px;color:#777166;line-height:1.8;max-width:285px;margin:0 0 7px}.occasion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.occasion{min-height:260px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 26px;transition:transform .2s}.occasion:hover{transform:translateY(-4px)}.occasion>span,.occasion small{font-size:9px;letter-spacing:.17em;font-weight:700}.occasion h3{font:400 34px var(--serif);margin:12px 0 5px}.occasion p{font-size:12px;margin:0;color:#625d54}.occasion p b{float:right;font-size:18px;font-weight:400}.occasion-one{background:#e8d2c9}.occasion-two{background:#e8e2d4}.occasion-three{background:#e5c1b6}.occasion-four{background:#d7d7c7}.occasion-five{background:#ebded8}.occasion-six{background:#dcc9bd}.section-foot{text-align:center;font-size:10px;letter-spacing:.14em;font-weight:700;margin:38px 0 0}.section-foot a{letter-spacing:0;text-decoration:underline;color:var(--wine);margin-left:12px}.story{background:#6b4248;color:#f9f1eb}.story-inner{display:grid;grid-template-columns:80px 1fr .75fr;gap:35px;padding-top:110px;padding-bottom:110px}.story-symbol{font-size:40px;color:#e6b6a6}.story h2 em{color:#e3b0a5}.story-inner>div:nth-child(2)>p:not(.eyebrow){max-width:540px;font-size:15px;line-height:1.85;color:#ecdcd7;margin:28px 0}.button-light{background:#f9f3eb;color:#56363b}.story-aside{border-left:1px solid #98777a;padding:30px 0 0 55px;display:flex;flex-direction:column;justify-content:center;gap:23px}.story-aside span:first-child{font-size:10px;letter-spacing:.2em}.story-aside strong{font:italic 42px/1.1 var(--serif)}.handwritten{font:italic 19px var(--serif);color:#e6bcb1}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d6cfc3}.steps article{padding:32px 35px 0 0}.steps article+article{border-left:1px solid #d6cfc3;padding-left:35px}.steps span{color:#a7776b;font-size:11px}.steps h3{font:400 27px var(--serif);margin:42px 0 12px}.steps p{font-size:14px;color:#777166;line-height:1.8;max-width:300px}.closing{padding-bottom:100px}.closing-card{text-align:center;background:#e9d8cf;padding:85px 25px}.closing h2{margin:20px 0}.closing-card>p:not(.eyebrow){font-size:14px;color:#756d65;line-height:1.8}.closing-card .button{margin-top:22px}.closing-card small{display:block;margin-top:20px;color:#766b64;font-size:11px}.footer{background:#eee8dd}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:65px 0}.footer-brand{font:32px var(--serif)}.footer-brand span{font-size:15px;color:#aa726a;margin-left:9px}.footer-inner>p{font:italic 20px/1.4 var(--serif);margin:0;color:#897d72}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.footer-bottom{border-top:1px solid #d8d0c5;padding:25px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#83796e}.contact-note{font-size:13px;color:#665b55;margin-top:24px}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline{font-size:8px}.header{height:75px}.logo{font-size:18px}.logo i{font-size:15px}.nav{display:none}.header-link{font-size:11px}.hero{display:flex;flex-direction:column;padding-bottom:20px}.hero-copy{padding:42px 5px 34px}.hero h1{font-size:clamp(55px,14vw,76px);margin:25px 0}.hero-text{font-size:14px}.hero-actions{gap:19px}.button{padding:16px;gap:20px;font-size:11px}.hero-note{margin-top:30px}.hero-image{min-height:410px}.image-label{bottom:18px;left:18px}.ticker{justify-content:flex-start;padding:16px}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:17px}.occasion-grid{grid-template-columns:1fr 1fr;gap:9px}.occasion{min-height:190px;padding:18px}.occasion h3{font-size:25px}.occasion p{font-size:11px;line-height:1.5}.occasion>span,.occasion small{font-size:8px}.section-foot{line-height:2}.story-inner{display:block;padding-top:70px;padding-bottom:70px}.story-symbol{margin-bottom:18px}.story-aside{border-left:0;border-top:1px solid #98777a;margin-top:50px;padding:35px 0 0}.story-aside strong{font-size:32px}.steps{display:block}.steps article,.steps article+article{border-left:0;border-bottom:1px solid #d6cfc3;padding:23px 0}.steps h3{margin:20px 0 8px}.closing{padding-bottom:65px}.closing-card{padding:65px 20px}.footer-inner{grid-template-columns:1fr 1fr;padding:45px 0}.footer-inner>p{display:none}.footer nav{display:flex;flex-direction:column}.footer-bottom{gap:10px;font-size:8px}.image-counter{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Páginas por ocasião */
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0;color:#81786e;font-size:12px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:25px 0 80px}.detail-hero h1{font:400 clamp(48px,5.4vw,82px)/1.04 var(--serif);letter-spacing:-.045em;margin:22px 0}.detail-hero>div:first-child>p:not(.eyebrow){max-width:560px;color:#6d685d;font-size:16px;line-height:1.8}.detail-hero .button{margin-top:20px}.detail-art{height:480px;background:#dfcdc2;overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;padding:70px 0;border-top:1px solid #ded6cb}.detail-block{max-width:720px;margin-bottom:52px}.detail-block h2,.faq h2,.related h2{font:400 clamp(30px,3vw,45px)/1.15 var(--serif);letter-spacing:-.025em;margin:0 0 16px}.detail-block p,.faq p{color:#6d685d;font-size:15px;line-height:1.9}.detail-aside{align-self:start;background:#ead8cf;padding:32px}.detail-aside p{font:italic 30px/1.15 var(--serif);margin:20px 0}.detail-aside>span:not(.eyebrow){display:block;color:#6d625c;font-size:13px;line-height:1.7}.detail-aside a{display:block;border-top:1px solid #c9aaa1;margin-top:26px;padding-top:20px;font-size:12px;font-weight:700}.faq{padding:30px 0 90px;max-width:800px}.faq h2{margin:15px 0 28px}.faq details{border-top:1px solid #d6cfc3;padding:20px 0}.faq details:last-child{border-bottom:1px solid #d6cfc3}.faq summary{font-weight:600;cursor:pointer;line-height:1.5}.faq details p{margin-bottom:0}.related{padding:0 0 100px}.related h2{margin:15px 0 28px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{background:#ece1d8;padding:22px;font-size:13px;font-weight:600}.related a span{float:right}
.hero h1{font-size:clamp(54px,5.7vw,86px);line-height:1.02;max-width:590px}
@media(max-width:760px){.hero-copy{padding-top:28px}.hero h1{font-size:clamp(46px,11vw,61px);line-height:1.03}.hero-note{margin-top:24px}.detail-hero{grid-template-columns:1fr;gap:25px;padding:15px 0 55px}.detail-hero h1{font-size:clamp(40px,10vw,56px);overflow-wrap:break-word}.detail-hero>div:first-child>p:not(.eyebrow){font-size:14px}.detail-art{height:300px}.detail-layout{grid-template-columns:1fr;gap:5px;padding:55px 0}.detail-block{margin-bottom:35px}.faq{padding:10px 0 65px}.related{padding-bottom:70px}.related>div{grid-template-columns:1fr 1fr}.related a{padding:17px;font-size:12px}}

/* Revisão de SEO e copy (13/11/2026) */
.pendente{display:inline-block;background:#fff3c4;color:#6b4b00;border:1px dashed #c9a227;padding:1px 6px;font-size:.85em;font-weight:600;letter-spacing:0}
.inline-link{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.detail-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:22px}.detail-cards>div{background:#efe6dc;padding:20px 22px}.detail-cards h3{font:400 22px/1.2 var(--serif);margin:0 0 8px}.detail-cards p{margin:0;font-size:14px;line-height:1.75}
.order-list{color:#6d685d;font-size:15px;line-height:1.9;padding-left:22px}
.note{background:#f3ece2;padding:14px 18px;font-size:14px!important}
.delivery{padding-top:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:#d6cfc3;border:1px solid #d6cfc3;margin:0}.facts>div{background:var(--cream);padding:20px 22px}.facts dt{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a7f74}.facts dd{margin:8px 0 0;font-size:15px}
.footer-about{font-size:13px;line-height:1.7;color:#776d63;max-width:300px;margin:16px 0 0}.footer-contact{display:flex;flex-direction:column;gap:10px;font-size:12px}.footer-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a7f74}.footer-contact a{text-decoration:underline}
.whats-float{position:fixed;right:18px;bottom:18px;z-index:20;background:#1f7a4d;color:#fff;font-size:13px;font-weight:700;padding:13px 18px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.whats-float:hover{background:#17603c}
.faq{padding-top:60px}
@media(max-width:760px){.detail-hero .hero-actions{flex-wrap:wrap}.footer-inner{grid-template-columns:1fr}.whats-float{right:12px;bottom:12px;padding:12px 15px}.related>div{grid-template-columns:1fr}}
@media(max-width:760px){.occasion{min-width:0}.occasion h3{font-size:22px;overflow-wrap:anywhere}}

/* Títulos (13/11/2026): H1 no mesmo tamanho em todas as páginas e em no máximo
   2 linhas; H2 e H3 com as linhas equilibradas (sem palavra sozinha no fim). */
.hero h1,.detail-hero h1{font-size:clamp(34px,4.3vw,64px);line-height:1.06;letter-spacing:-.04em;max-width:none;text-wrap:balance}
h2,h3{text-wrap:balance}
@media(min-width:761px) and (max-width:1023px){.hero h1,.detail-hero h1{font-size:clamp(28px,3.6vw,40px)}}
/* Dados de entrega: 6 itens em 3 colunas (2 no celular), sem sobra de linha. */
.facts{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.facts{grid-template-columns:repeat(2,1fr)}.facts>div{padding:16px}.facts dd{font-size:14px}}
/* Marca Joinville Cestas e Presentes (13/11/2026): nome mais longo no rodapé. */
.footer-brand{font-size:26px;line-height:1.1}
@media(max-width:760px){.footer-brand{font-size:22px}}
/* Celular (13/11/2026): títulos acompanham a largura da tela. H1 em até 2
   linhas e H2 em até 3, de 320 a 430 px (medido em Chrome e WebKit). */
@media(max-width:760px){
.hero h1,.detail-hero h1{font-size:clamp(26px,8.6vw,34px)}
.section-heading h2,.story h2,.closing h2{font-size:clamp(28px,8.4vw,36px);line-height:1.1}
.detail-block h2,.faq h2,.related h2{font-size:clamp(25px,7.4vw,30px)}
}
/* O "PERGUNTAS FREQUENTES" herdava o corpo do FAQ (15 px): volta ao tamanho dos outros rótulos. */
.faq .eyebrow,.detail-block .eyebrow{font-size:10px;line-height:1.6;color:inherit}
@media(max-width:760px){.footer-bottom{flex-direction:column;gap:6px}.facts dt{letter-spacing:.12em}}
/* Cards de ocasião (13/11/2026): título em até 2 linhas em qualquer largura. */
@media(min-width:761px) and (max-width:1023px){
.occasion h3{font-size:clamp(22px,2.9vw,34px);line-height:1.1}
.section-heading h2,.story h2,.closing h2{font-size:clamp(32px,4.4vw,66px)}
}
@media(max-width:760px){
.occasion{min-height:0;padding:16px}
.occasion>span{display:none}
.occasion small{line-height:1.5}
.occasion h3{font-size:clamp(16px,4.9vw,22px);line-height:1.12;margin:10px 0 8px}
}
/* Celular: todos os cards de ocasião com o mesmo tamanho e fonte menor. */
@media(max-width:760px){
.occasion-grid{grid-auto-rows:1fr}
.occasion h3{font-size:clamp(15px,4.6vw,20px)}
}
@media(max-width:360px){.occasion{padding:14px}}
/* Cards das páginas internas e links de "Outras ocasiões": mesma altura no
   grupo, título do card em até 2 linhas. */
.detail-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr}
.detail-cards h3{font-size:clamp(18px,1.5vw,21px);line-height:1.2}
.related>div{grid-auto-rows:1fr}
.related a{display:flex;align-items:center;justify-content:space-between;gap:12px}
.related a span{float:none;flex:none}
@media(max-width:560px){.detail-cards{grid-auto-rows:auto}}
.occasion small{display:block}
/* Ícones 3D nos cards de ocasião (13/11/2026). */
.occasion{position:relative}
.occasion-icon{position:absolute;top:18px;right:18px;width:clamp(96px,9vw,132px);height:auto;pointer-events:none}
.occasion>div{position:relative}
@media(max-width:760px){
.occasion-icon{position:static;width:72px;margin:0 0 6px -4px}
}
/* Ícone no topo do card em todas as larguras; a linha de número sai (o
   título já diz a ocasião) e o texto fica no pé do card. */
.occasion>span{display:none}
.occasion-icon{position:static;width:clamp(84px,7.4vw,112px);margin:-6px 0 0 -6px}
.occasion>div{margin-top:auto}
.occasion-grid{grid-auto-rows:1fr}
@media(max-width:760px){.occasion-icon{width:72px;margin:-4px 0 6px -4px}}
/* Logo em papel (13/11/2026): selo no topo, logo com nome no rodapé. */
.logo-selo{width:58px;height:58px;flex:none}
.footer-logo{width:150px;height:150px;display:block}
@media(max-width:760px){.logo-selo{width:46px;height:46px}.footer-logo{width:120px;height:120px}}
.footer nav{align-content:start}
/* Ícones 3D sem sombra no arquivo; a sombra é uma só, aplicada aqui (13/11/2026). */
.occasion-icon,.fact-icon,.step-icon,.story-icon,.note-img{filter:drop-shadow(0 6px 7px rgba(101,60,67,.16)) drop-shadow(0 1px 1px rgba(101,60,67,.10))}
.facts>div{position:relative;padding-left:92px;min-height:96px;display:flex;flex-direction:column;justify-content:center}
.fact-icon{position:absolute;left:18px;top:50%;width:58px;height:58px;transform:translateY(-50%)}
.step-icon{display:block;width:72px;height:72px;margin:0 0 18px -6px}
.steps h3{margin-top:14px}
.story-icon{width:96px;height:96px;margin:0 0 4px -8px}
.note-img{width:44px;height:44px;flex:none}
@media(max-width:760px){
.facts>div{padding-left:16px;padding-top:62px;justify-content:flex-start;min-height:0}
.fact-icon{left:12px;top:12px;width:44px;height:44px;transform:none}
.step-icon{width:60px;height:60px;margin-bottom:10px}
.story-icon{width:76px;height:76px}
}