:root{color-scheme:light;--cream:#fefaf5;--ink:#2b1a17;--red:#bd242b;--coral:#ef494a;--blush:#fae8e0;--yellow:#ffb719;font-family:Nunito,"Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #71461a;outline-offset:4px}
h1,h2,h3,p{margin:0}
.wrap{width:min(100% - 56px,1320px);margin-inline:auto}
.skip{position:absolute;z-index:5;top:8px;left:8px;transform:translateY(-150%);padding:10px;background:white}
.skip:focus{transform:none}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{flex-shrink:0}
.desktop-nav{display:flex;align-items:center;gap:clamp(8px,2vw,35px);font-size:.94rem;font-weight:800}
.desktop-nav a,.header-action,.mobile-nav summary{padding:10px 13px;border-radius:100px}
.desktop-nav a:hover,.header-action:hover,.mobile-nav summary:hover{background:var(--blush)}
.desktop-nav [aria-current]{background:var(--red);color:white}
.desktop-nav [aria-current]:hover{background:#9e181e}
.header-action{font-weight:900;color:var(--red)}
.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.46fr);background:#faeee2;position:relative;isolation:isolate;overflow:hidden;border-radius:0 0 45% 3% / 0 0 6% 3%;min-height:405px}
.hero-copy{padding:clamp(26px,5vw,76px) 24px clamp(26px,5vw,76px) clamp(28px,calc((100vw - 1240px)/2),9vw);align-self:center;position:relative;z-index:1}
.hero h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.99;font-weight:950;letter-spacing:-.05em;max-width:9.5em}
.hero h1 em{display:inline-block;color:white;background:var(--red);padding:.06em .2em .12em;border-radius:40% 12% 32% 12% / 20% 20% 16% 10%;transform:rotate(-2deg);margin-block:.08em .12em}
.hero p{max-width:30ch;margin:14px 0 20px;font-size:clamp(1rem,1.4vw,1.18rem)}
.hero-photo{height:100%;width:100%;min-height:0;object-fit:cover;object-position:center 52%}
.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:100px;color:white;background:var(--red);padding:12px 20px;font-weight:900;min-height:46px;cursor:pointer}
.button:hover{background:#991b20}
.section{padding-block:18px}
.heading{text-align:center;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.035em;font-weight:950;line-height:1.12;margin-bottom:15px}
.heading::before,.heading::after{content:"";display:inline-block;width:.32em;height:.32em;border:solid var(--coral);border-width:.09em .09em 0 0;transform:rotate(40deg);margin-inline:.48em;vertical-align:.12em}
.heading::before{transform:rotate(220deg)}
.categories,.catalog{display:grid;gap:14px}
.categories{grid-template-columns:repeat(3,minmax(0,1fr))}
.category{display:grid;grid-template-columns:55% 1fr;min-height:140px;border-radius:16px;overflow:hidden;background:#f9e9dc}
.category img{width:100%;height:100%;min-height:140px;object-fit:cover;object-position:center}
.category>span{display:grid;gap:6px;align-content:center;padding:12px}
.category strong{font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.06}
.category small{font-size:.84rem;line-height:1.2}
.category b{font-size:.82rem;color:var(--red)}
.category:hover b{text-decoration:underline}
.section-note{text-align:center;font-size:.9rem;margin:-6px 0 16px}
.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-group{min-width:0;scroll-margin-top:18px}
.product-group header{margin-bottom:10px}
.product-group :is(h2,h3){font-size:1.2rem}
.product-group header span{display:block;font-size:.9rem;margin-top:3px}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.products .product-card{background:transparent;border:0;padding:0;color:inherit;text-align:center;border-radius:13px;overflow:hidden;cursor:pointer;font-weight:900;min-width:0}
.products .product-card:hover{background:var(--blush)}
.products img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;background:var(--blush)}
.products span{display:block;padding:8px 4px;overflow-wrap:anywhere}
.custom{border-radius:24px;background:#f9e8dc;overflow:hidden;display:grid;grid-template-columns:1.02fr 2fr .7fr;align-items:center}
.custom>div{padding:24px}
.custom :is(h1,h2),.benefits h2{color:#a71c22;font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.05;font-style:italic;letter-spacing:-.035em}
.custom p{margin:9px 0;font-size:.95rem}
.custom a{font-weight:900;color:#a71c22;text-decoration:underline;text-underline-offset:3px}
.custom ol{margin:0;padding:16px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:center;list-style:none;counter-reset:paso}
.custom li{counter-increment:paso;font-weight:900;font-size:.9rem}
.custom li::before{content:counter(paso);display:grid;place-items:center;margin:0 auto 8px;border-radius:50%;width:32px;aspect-ratio:1;color:white;background:var(--red)}
.custom img{height:100%;width:100%;object-fit:cover}
.ideas,.benefits ul{margin:0;padding:0;list-style:none;display:grid;text-align:center;gap:8px}
.ideas{grid-template-columns:repeat(6,1fr)}
.ideas li{border-radius:13px;background:var(--blush);overflow:hidden;font-weight:900}.ideas img{width:100%;aspect-ratio:1.3;object-fit:cover}.ideas span{display:block;padding:9px 5px}
.benefits{background:#f9e4df;border-radius:24px;padding:22px;display:grid;grid-template-columns:1fr 4fr;gap:16px;align-items:center}
.benefits ul{grid-template-columns:repeat(4,1fr);font-weight:800;font-size:.9rem}
.order{padding-block:30px 46px}
#pedido{scroll-margin-top:22px;max-width:660px;margin:auto;background:#fff;border:1px solid #edd4cb;border-radius:24px;padding:clamp(16px,3vw,32px);display:grid;gap:16px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pedido label{display:block;font-weight:800;min-width:0}
#pedido :is(select,input,textarea){width:100%;margin-top:5px;border:1px solid #94746b;color:inherit;background:#fffdfa;border-radius:10px;padding:10px;min-height:46px}
#pedido textarea{display:block;resize:vertical}
#pedido fieldset{min-width:0;margin:0;padding:12px;border:1px solid #ddbcb1;border-radius:12px}
#pedido legend{font-weight:900;padding-inline:5px;color:#a71c22}
#pedido .button{justify-self:start}
.optional,.fine{font-size:.86rem;font-weight:500}
.notice{padding:12px;background:#faede0;border-radius:10px;font-size:.95rem}
footer{background:#a71c22;color:white;padding:28px 0 36px}
.footer{display:grid;grid-template-columns:.8fr 1fr 1fr 1.3fr;gap:18px}
.footer h2{font-size:1rem;margin-bottom:6px}
.footer a:not(.footer-brand){display:block;font-size:.94rem;padding-block:5px}
.footer a:hover{text-decoration:underline}
.footer-brand{align-self:start;justify-self:start;border-radius:12px;padding:5px;background:var(--cream)}
footer a:focus-visible{outline-color:white}
@media(max-width:950px){
  .desktop-nav{gap:0}
  .desktop-nav a{padding-inline:8px}
  .category{grid-template-columns:48% 1fr}
}
@media(max-width:780px){
  .wrap{width:calc(100% - 32px)}
  .header{height:70px;gap:6px}
  .desktop-nav{display:none}
  .mobile-nav{display:block;margin-left:auto;position:relative}
  .mobile-nav summary{font-weight:900;cursor:pointer;min-height:44px}
  .mobile-nav nav{position:absolute;z-index:4;right:0;min-width:210px;top:calc(100% + 6px);display:grid;background:white;box-shadow:0 8px 30px #53251b25;border-radius:15px;padding:6px}
  .mobile-nav a{padding:12px}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:24px 20px 20px}
  .hero h1{font-size:clamp(2.35rem,8.5vw,4.3rem)}
  .hero-photo{height:auto;aspect-ratio:1.7;object-position:center 56%}
  .categories{grid-template-columns:1fr;gap:10px}
  .category{grid-template-columns:36% 1fr;min-height:94px}
  .category img{min-height:94px;max-height:116px}
  .catalog{grid-template-columns:1fr;gap:18px}
  .custom{grid-template-columns:1fr}
  .custom>div{padding:18px 16px 0}
  .custom ol{padding:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .custom img{display:none}
  .ideas{grid-template-columns:repeat(2,1fr)}
  .benefits,.benefits ul,.footer{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefits{grid-template-columns:1fr;text-align:center}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 24px)}
  .products span{font-size:.84rem}
  #pedido>.fields{grid-template-columns:1fr}
}
@media(min-width:781px){.hero h1{font-size:clamp(2.4rem,4.3vw,4.4rem)}}
@media(max-width:450px){#pedido>.fields{grid-template-columns:1fr}}
.hero-copy::after{content:"";position:absolute;width:44px;height:2px;right:20px;bottom:30px;background:#b38839;transform:rotate(-24deg)}
.hero h1 em{background:#a71c22}
.season-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.season-nav a{display:grid;place-items:center;min-height:44px;padding:8px 14px;border-radius:100px;background:#e7eee3;color:#204435;font-weight:850;text-align:center}
.season-nav a:nth-child(-n+2){background:#a71c22;color:white}
.season-nav a:hover{text-decoration:underline;text-underline-offset:3px}
.season-grid{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px}
.season{min-width:0;scroll-margin-top:12px;border-radius:16px;padding:12px;background:#eee9df}
.season.featured{background:#e7eee3}
.season.featured:first-child{background:#f5e2dc}
.season :is(h2,h3){font-size:clamp(.97rem,1.6vw,1.28rem);margin-bottom:10px;line-height:1.14;color:#284737}
.season.featured:first-child :is(h2,h3){color:#a71c22}
.season .products{grid-template-columns:minmax(0,1fr)}
.season.featured .products{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:960px){.desktop-nav a{padding-inline:7px}.desktop-nav{font-size:.87rem}}
@media(max-width:850px){.season-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.hero-copy::after{display:none}.season:not(.featured) img{aspect-ratio:1.4}}
@media(max-width:550px){.season.featured{grid-column:1/-1}.season-nav a{font-size:.84rem}}
.family-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px}
.family-nav a{display:grid;place-items:center;min-height:44px;color:var(--red);font-weight:850;text-decoration:underline;text-underline-offset:4px}
@media(max-width:480px){#titulo-temporadas::before,#titulo-temporadas::after{display:none}}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.catalog-link{display:inline-flex;align-items:center;min-height:44px;font-weight:850;color:#a71c22;text-decoration:underline;text-underline-offset:4px}

body{min-height:100svh;display:flex;flex-direction:column}
main{flex:1;min-width:0}
.brand-lockup{display:grid;justify-items:center;align-content:center;color:var(--ink);line-height:1;text-decoration:none}
.brand-lockup span{text-transform:uppercase;letter-spacing:.19em;font-size:.76rem;font-weight:950;margin-block:1px 4px}
.footer-brand{padding:7px 10px}
.footer-brand:hover{text-decoration:none}
.header-action[aria-current]{background:var(--blush)}
.mobile-nav [aria-current]{font-weight:900;background:var(--blush);border-radius:9px}
.family-page,.contact-page{padding-block:34px 48px}
.family-page .product-group header{text-align:center;margin-bottom:22px}
.family-page .products{max-width:920px;margin:auto;gap:18px}
.page-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-top:22px}
.contact-card{max-width:660px;margin:auto;border-radius:24px;background:#f9e8dc;padding:clamp(20px,5vw,42px);text-align:center}
.contact-card h2{margin-bottom:12px}
.contact-card p{max-width:48ch;margin-inline:auto}
.contact-card .contact-number{margin-top:14px;font-weight:900}
.home-order{padding-bottom:34px}
@media(max-width:780px){
  .brand-lockup img{width:80px}
  .brand-lockup span{font-size:.66rem}
  .family-page .products{gap:10px}
}
.season-preview{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:auto}
.home-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-guides section{border-radius:18px;background:#f9e8dc;padding:18px 22px}
.home-guides h2{font-size:clamp(1.18rem,2vw,1.6rem);color:#a71c22;margin-bottom:6px}
@media(max-width:550px){.home-guides{grid-template-columns:1fr}}