/* Receitas v5.6 — estrutura visual compartilhada para o site público */
:root{--shell-ink:#22263c;--shell-subtle:#6e748a;--shell-purple:#6753c3;--shell-purple-dark:#372666;--shell-outline:#e7e4f1;--shell-orange:#ff922e;--shell-shadow:0 16px 45px rgba(38,30,89,.075)}
html{scroll-padding-top:135px}
body.site-public{background:#f8f9fd;color:var(--shell-ink);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;min-height:100dvh}
body.site-public .container{max-width:1320px}
.site-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.site-header{position:sticky;top:0;z-index:1500;color:white;background:linear-gradient(112deg,#3d2e81,#6455b9 62%,#7657ba);box-shadow:0 11px 28px rgba(39,25,91,.13);isolation:isolate}
.site-header-inner{max-width:1320px;margin:0 auto;padding:12px 22px 10px;display:grid;grid-template-columns:auto minmax(190px,1fr) auto;grid-template-areas:'logo search actions' 'nav nav nav';gap:10px 22px;align-items:center}
.site-logo{grid-area:logo;color:#fff!important;text-decoration:none;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:1.36rem;font-weight:900;letter-spacing:-.05em;line-height:1.2}
.site-logo:hover{opacity:.95}
.site-logo-symbol{width:35px;height:35px;border-radius:11px;background:rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}
.site-search{grid-area:search;display:flex;align-items:center;min-width:0;max-width:640px;width:100%;height:44px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.20);border-radius:999px;overflow:hidden;transition:background .2s}
.site-search:focus-within{background:rgba(255,255,255,.26);outline:2px solid rgba(255,255,255,.42);outline-offset:1px}
.site-search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:.9rem;padding:0 16px;height:100%;box-shadow:none}
.site-search input::placeholder{color:rgba(255,255,255,.82)}
.site-search button{cursor:pointer;flex:0 0 37px;height:37px;width:37px;border:0;border-radius:50%;background:#fff;color:#4439a5;margin-right:4px;font-size:1.6rem;display:flex;align-items:center;justify-content:center;line-height:1}
.site-header-actions{grid-area:actions;display:flex;justify-content:flex-end;align-items:center;gap:9px}
.site-header-vip{background:linear-gradient(115deg,#ffa231,#ff7c27);text-decoration:none;color:#301f4d!important;border-radius:999px;padding:10px 17px;font-size:.85rem;font-weight:900;white-space:nowrap;box-shadow:0 8px 19px rgba(39,22,95,.11)}
.site-header-vip:hover{filter:brightness(1.06);transform:translateY(-1px)}
.site-header .site-menu-trigger{display:none;cursor:pointer;border:1px solid rgba(255,255,255,.29);background:rgba(255,255,255,.14);width:43px;height:43px;border-radius:13px;color:#fff;font-size:1.4rem}
.site-header .site-main-nav{grid-area:nav;width:100%;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow:visible;gap:5px;padding:0;background:none;box-shadow:none;position:static;height:auto;transition:none;z-index:auto}
.site-main-nav>.nav-link,.site-cat-toggle{flex:0 0 auto;color:#fff!important;text-decoration:none!important;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09);padding:7px 13px;border-radius:999px;font-size:.86rem;font-weight:780;line-height:1.25;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.site-main-nav>.nav-link:hover,.site-cat-toggle:hover{background:rgba(255,255,255,.21);transform:none}
.site-main-nav>.nav-link.active,.site-cat-toggle.active{background:#fff;color:#30265c!important}
.site-header .site-mobile-nav-top,.site-header .site-mobile-vip,.site-header .site-mobile-search{display:none}
.site-cat-dropdown{position:relative;flex:0 0 auto;min-width:0}
.site-cat-dropdown summary{list-style:none;user-select:none}
.site-cat-dropdown summary::-webkit-details-marker{display:none}
.site-cat-dropdown summary span{font-size:1.1rem;line-height:1;transition:transform .16s}
.site-cat-dropdown[open] summary span{transform:rotate(180deg)}
.site-cat-panel{position:absolute;top:calc(100% + 12px);left:0;width:min(730px,calc(100vw - 34px));max-height:min(66vh,570px);overflow:auto;border-radius:20px;padding:20px;background:#fff;color:#282942;box-shadow:0 22px 70px rgba(27,17,67,.24);border:1px solid #e7e4f0;z-index:2000}
.site-cat-panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px 13px;border-bottom:1px solid #edeaf5}
.site-cat-panel-top strong{display:block;font-size:1.13rem;letter-spacing:-.035em}
.site-cat-panel-top small{display:block;color:#73768b;margin-top:2px}
.site-cat-panel-top a,.site-cat-bottom{color:#5a44b4!important;text-decoration:none;font-size:.84rem;font-weight:850;white-space:nowrap}
.site-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}
.site-cat-grid a{display:flex;flex-direction:column;gap:3px;background:#f7f6fc;border:1px solid #eceaf5;border-radius:11px;padding:11px 12px;text-decoration:none!important;color:#25293e!important;min-width:0;transition:background .15s,border-color .15s}
.site-cat-grid a:hover{background:#eeeaff;border-color:#d0c8ef}
.site-cat-grid a>span{font-size:.88rem;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
.site-cat-grid a>small{color:#838598;font-size:.72rem}
.site-cat-bottom{display:block;padding-top:15px;text-align:center}
/* Footer */
.site-footer{position:relative;z-index:1;background:#211f37;color:#e7e5f7;margin-top:44px;font-size:.92rem}
.site-footer-content{max-width:1320px;margin:auto;padding:58px 24px 45px;display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(130px,.8fr));gap:30px}
.site-footer-logo{display:inline-flex;align-items:center;gap:7px;color:#fff!important;text-decoration:none;font-size:1.45rem;font-weight:900;letter-spacing:-.05em}
.site-footer-brand p{max-width:300px;color:#cac9da;line-height:1.72;font-size:.89rem;margin:15px 0}
.site-footer-motto{color:#bfb4fb;font-size:.81rem;font-weight:800}
.site-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.site-footer-col h2{font-size:.86rem;text-transform:uppercase;letter-spacing:.10em;margin-bottom:8px;color:#fff;font-weight:950}
.site-footer-col a{color:#d7d6e8!important;text-decoration:none;font-size:.86rem;line-height:1.35}
.site-footer-col a:hover{color:#fff!important;text-decoration:underline}
.site-footer-bottom{border-top:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100% - 1272px)/2));color:#aaa9c0;font-size:.77rem}
/* Listing/category */
.listing-hero{background:linear-gradient(120deg,#fff,#fbf9ff);border:1px solid #ede9f6;border-radius:25px;padding:clamp(22px,3.3vw,45px);margin:18px 0 24px;box-shadow:var(--shell-shadow)}
.listing-hero-breadcrumb{font-size:.82rem;color:#777b8f;margin-bottom:15px}
.listing-hero-breadcrumb a{text-decoration:none;color:#654cc5!important;font-weight:750}
.listing-overline{display:block;color:#6b51bd;font-weight:950;letter-spacing:.12em;font-size:.74rem;margin-bottom:10px}
.listing-hero h1{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.055em;line-height:1.08;color:#24233c;margin:4px 0 13px}
.listing-hero p{color:#74778d;margin:0 0 15px;font-size:1rem;line-height:1.58}
.listing-hero a{color:#654ac0;font-weight:780;text-decoration:none}
.site-categories-page{padding-top:28px!important}
.site-category-search{display:flex;gap:9px;align-items:center;max-width:580px;background:#fff;border:1px solid #e0daf2;border-radius:14px;padding:0 13px;height:49px;margin-top:25px;color:#6756c2}
.site-category-search input{width:100%;height:100%;border:0;outline:0;font:inherit;color:#26283e;background:transparent}
.site-categories-count{font-size:.88rem;color:#7a7e91;margin:10px 0 18px}
.site-category-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.site-category-tile{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #ebebf3;padding:19px 14px;min-width:0;text-decoration:none!important;color:#272a41!important;border-radius:16px;box-shadow:0 6px 20px rgba(49,39,101,.035);transition:transform .2s,box-shadow .2s,border-color .2s}
.site-category-tile:hover{transform:translateY(-3px);box-shadow:var(--shell-shadow);border-color:#cbc3eb}
.site-category-tile[hidden]{display:none!important}
.site-category-graphic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;background:#f1eeff;border-radius:12px}
.site-category-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.site-category-meta strong{font-size:.88rem;line-height:1.3;overflow-wrap:anywhere}
.site-category-meta small{color:#86899b;font-size:.74rem}
.site-category-arrow{font-size:1.2rem;color:#6956be}
.site-category-empty{padding:20px;text-align:center;color:#777a8a;background:#fff;border-radius:14px}
/* Reading page */
.recipe-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:22px auto 15px;max-width:1010px;color:#85869a;font-size:.83rem}
.recipe-breadcrumbs a{text-decoration:none;color:#6857b8!important;font-weight:700}
body.site-public .recipe-single{width:100%;max-width:1010px;margin:0 auto;padding:clamp(20px,4vw,55px);background:#fff;border:1px solid #ecebf4;border-radius:26px;box-shadow:0 16px 52px rgba(36,31,85,.045);overflow:hidden}
body.site-public .recipe-single h1{font-size:clamp(1.85rem,3.4vw,2.75rem);line-height:1.15;letter-spacing:-.055em;color:#22243c;margin-bottom:15px}
.recipe-meta-bar{display:flex;gap:12px;flex-wrap:wrap;border:0!important;color:#7f8396;margin-bottom:20px;font-size:.8rem}
body.site-public .recipe-featured-image{margin:15px 0 22px;border-radius:18px;overflow:hidden;background:#f2eff8}
body.site-public .recipe-featured-image img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover}
body.site-public .recipe-featured-image figcaption{padding:7px 10px;color:#898b9a;font-size:.75rem;background:#fcfbff}
.recipe-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 19px;align-items:center}
.recipe-quick-actions>*{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e9e3f2;border-radius:12px;text-decoration:none!important;font-size:.84rem;font-weight:850;padding:10px 15px;cursor:pointer;line-height:1.4}
.recipe-jump-primary{background:#6953c1;color:#fff!important;border-color:#6953c1!important}
.recipe-print{background:#f7f5fd;color:#54449e}
body.site-public .recipe-content-area{max-width:78ch;margin:18px auto 0;font-size:1.04rem;line-height:1.83;color:#34394b;overflow-wrap:anywhere}
body.site-public .recipe-content-area p{line-height:1.83;margin:0 0 17px}
body.site-public .recipe-content-area h2{font-size:1.4rem;letter-spacing:-.03em;color:#252942;margin:29px 0 14px;border:0}
body.site-public .recipe-content-area h3{font-size:1.16rem;color:#282b43;margin:22px 0 12px}
body.site-public .recipe-content-area ol,body.site-public .recipe-content-area ul{padding-left:22px;margin:11px 0 22px}
body.site-public .recipe-content-area li{margin:7px 0;padding-left:4px;line-height:1.7}
body.site-public .recipe-content-area img{max-width:100%;height:auto;border-radius:13px;margin:12px 0}
body.site-public .share-buttons{max-width:100%;border-radius:15px;background:#faf9ff;border:1px solid #ece8f7;padding:15px;margin:25px 0}
body.site-public .related-recipes{margin-top:30px}
/* Existing public cards — consistent visual language */
body.site-public .recipe-card{border:1px solid #edebf5;border-radius:17px;box-shadow:0 8px 27px rgba(39,30,92,.06);overflow:hidden;background:#fff}
body.site-public .recipe-card:hover{box-shadow:0 13px 33px rgba(39,30,92,.11);transform:translateY(-2px)}
body.site-public .recipe-card a{text-decoration:none}
body.site-public .recipe-image img{width:100%;height:100%;object-fit:cover}
body.site-public .recipe-content h2{line-height:1.36;letter-spacing:-.021em}
body.site-public .recipe-meta{color:#777b90}
/* Home footer override: no old template footer styles on new footer */
.home-editorial .site-footer{background:#211f37;color:#fff}
@media(max-width:1100px){
 .site-footer-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
 .site-category-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-header-inner{gap:10px 14px}
}
@media(max-width:800px){
 html{scroll-padding-top:95px}
 .site-header{position:sticky;top:0;z-index:1500}
 .site-header-inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'logo search actions';gap:10px;padding:10px 14px;min-height:65px}
 .site-logo{font-size:1.1rem}
 .site-logo-symbol{width:31px;height:31px;font-size:1rem}
 .site-search{height:39px;min-width:0}
 .site-search input{font-size:.8rem;padding:0 10px}
 .site-search button{width:32px;height:32px;flex-basis:32px;font-size:1.4rem}
 .site-header-vip{display:none}
 .site-header .site-menu-trigger{display:flex;justify-content:center;align-items:center;margin:0}
 .site-header .site-main-nav{position:fixed;top:0;right:-100%;bottom:0;width:min(365px,91vw);height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:20px 15px 28px;background:#332b6d;box-shadow:-15px 0 45px rgba(15,10,43,.3);overflow-y:auto;overflow-x:hidden;z-index:2200;transition:right .24s ease;overscroll-behavior:contain}
 .site-header .site-main-nav.active{right:0}
 .site-header .site-mobile-nav-top{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 19px;color:#fff}
 .site-mobile-nav-top strong{font-size:1.06rem}
 .site-mobile-close{border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.1);border-radius:10px;padding:9px 13px;font-size:1.05rem;cursor:pointer}
 .site-main-nav>.nav-link,.site-cat-toggle{width:100%;padding:13px 14px;border-radius:12px;font-size:.94rem;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.08)}
 .site-header .site-mobile-vip{display:flex!important;background:linear-gradient(115deg,#ffa231,#ff862b);color:#2f1e4d!important}
 .site-header .site-mobile-search{display:block;margin:16px 0 0;padding:10px 1px}
 .site-mobile-search label{display:block;font-size:.77rem;color:#d7d2f7;margin-bottom:8px}
 .site-mobile-search div{display:flex;align-items:center;background:rgba(255,255,255,.15);border-radius:11px;overflow:hidden}
 .site-mobile-search input{width:100%;min-width:0;flex:1;background:none;border:0;color:#fff;font:inherit;padding:12px;outline:0}
 .site-mobile-search input::placeholder{color:#e5e2fb}
 .site-mobile-search button{background:#fff;color:#443392;border:0;font-size:1.5rem;padding:5px 12px;height:42px}
 .site-cat-dropdown{width:100%}
 .site-cat-panel{position:static;inset:auto;width:100%;max-height:none;overflow:visible;margin:7px 0 10px;padding:13px 10px;border-radius:12px;background:#f8f7ff;box-shadow:none}
 .site-cat-panel-top{gap:8px;align-items:flex-start}
 .site-cat-panel-top strong{font-size:.91rem}
 .site-cat-panel-top a{font-size:.75rem}
 .site-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .site-cat-grid a{padding:9px 8px}
 .site-cat-grid a>span{font-size:.76rem}
 .site-cat-grid a>small{font-size:.65rem}
 .site-footer-content{padding:37px 20px 30px;gap:25px}
 .site-footer-bottom{padding:15px 20px;flex-direction:column;align-items:flex-start;gap:5px}
 .site-category-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .site-category-tile{padding:13px 10px;gap:7px;border-radius:13px}
 .site-category-graphic{height:34px;width:34px;font-size:.83rem}
 .site-category-arrow{font-size:.9rem}
 .site-categories-page{padding:16px 14px!important}
 .recipe-breadcrumbs{margin:13px 0 10px}
 body.site-public .recipe-single{padding:19px 15px;border-radius:18px}
 body.site-public .recipe-single h1{font-size:clamp(1.6rem,5.4vw,2.1rem)}
 body.site-public .recipe-content-area{font-size:1rem;line-height:1.75}
 .recipe-print{display:none}
 body.site-public .recipe-featured-image{margin:13px -4px 18px;border-radius:13px}
 body.site-public .recipe-featured-image img{max-height:480px}
 .listing-hero{padding:23px 19px}
}
@media(max-width:530px){
 .site-header-inner{grid-template-columns:minmax(0,auto) 1fr auto;gap:7px;padding:9px 10px}
 .site-logo{font-size:.96rem;gap:4px}
 .site-logo-symbol{display:none}
 .site-search{height:36px}
 .site-search input{font-size:.74rem;padding-left:9px}
 .site-header .site-menu-trigger{width:37px;height:37px;font-size:1.1rem}
 .site-footer-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}
 .site-footer-brand{grid-column:span 2}
 .site-footer-col h2{font-size:.74rem}
 .site-footer-col a{font-size:.8rem}
 .site-category-directory{grid-template-columns:1fr}
 .site-category-tile{padding:14px 15px}
 .site-category-meta strong{font-size:.91rem}
 .site-cat-grid{grid-template-columns:1fr 1fr}
}
@media print{.site-header,.site-footer,.site-menu-trigger,.recipe-quick-actions,.share-buttons,.ad-slot,.vip-recipe-end-offer{display:none!important}body.site-public .recipe-single{box-shadow:none!important;border:0!important;max-width:none;padding:0}body.site-public .recipe-content-area{max-width:none}body.site-public{background:#fff}}


/* v5.6.1 — Web Stories: tema claro coerente com o site, sem conflitos no header */
body.site-public.ws-page{
 --ws-bg:#f8f9fd;--ws-card:#fff;--ws-card2:#fff;
 --ws-border:#e5e2f1;--ws-text:#27263c;--ws-muted:#696e83;
 --ws-accent:#e9e4ff;--ws-skeleton-bg:#eeebf6;
}
body.ws-page .ws-wrap{padding-top:24px;padding-bottom:34px}
body.ws-page .ws-hero{
 background:linear-gradient(115deg,#fff 0%,#f7f5ff 100%);
 color:#26253b;
 border:1px solid #e7e3f2;
 box-shadow:0 12px 34px rgba(35,26,85,.065);
 border-radius:21px;
 padding:clamp(17px,2.8vw,34px);
}
body.ws-page .ws-hero h1{font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:900;letter-spacing:-.045em;color:#24233c}
body.ws-page .ws-hero p,body.ws-page .ws-kpi,body.ws-page .ws-counter,body.ws-page .ws-filter label{color:#656b80}
body.ws-page .ws-kpi{background:#f4f1fd;border:1px solid #e9e3f9}
body.ws-page .ws-kpi strong{color:#34304f!important}
body.ws-page .ws-tools{max-width:100%;width:100%;justify-content:flex-start}
body.ws-page .ws-search{background:#fff;border:1px solid #ded9ef;min-width:0;max-width:600px;flex:1 1 300px}
body.ws-page .ws-search input{color:#25283e;min-width:0}
body.ws-page .ws-search input::placeholder{color:#9195a5}
body.ws-page .ws-filter{background:#fff;border:1px solid #ded9ef}
body.ws-page .ws-filter select{background:#fff;color:#2e3047;border-color:#e4def2}
body.ws-page .ws-btn{background:#6954c6;color:#fff!important;border-color:#6954c6;font-weight:800}
body.ws-page .ws-btn:hover{background:#4e3ba8}
body.ws-page .ws-search .ws-btn{flex-shrink:0}
body.ws-page .ws-card{background:#fff;color:#272942;border:1px solid #e9e7f2;border-radius:16px;box-shadow:0 7px 25px rgba(38,30,88,.055)}
body.ws-page .ws-card:hover{box-shadow:0 12px 32px rgba(38,30,88,.11);border-color:#cbc3e8}
body.ws-page .ws-title{font-weight:800;font-size:.89rem;line-height:1.42;letter-spacing:-.015em}
body.ws-page .ws-body{padding:12px 13px 13px}
body.ws-page .ws-meta{color:#818599}
body.ws-page .ws-end-message{color:#656a80}
body.ws-page .ws-spinner{border-color:#dcd5f4;border-top-color:#6852c1}
body.ws-page .ws-loadmore-fallback button{background:#fff;color:#4a3f90;border-color:#dcd5ed}
body.ws-page .ws-whatsapp-cta{background:linear-gradient(120deg,#eefcf2,#edf8f7);border-color:#c5ebd0}
body.ws-page .ws-cta-text h3{color:#273d32}
body.ws-page .ws-cta-text p{color:#63736d}
body.ws-page .ws-back-to-top{background:#6552bf;color:#fff;border:0}
@media(max-width:640px){
 body.ws-page .ws-wrap{padding-top:14px}
 body.ws-page .ws-tools{flex-direction:column;align-items:stretch}
 body.ws-page .ws-search{flex:0 0 auto;width:100%;max-width:100%}
 body.ws-page .ws-filter{justify-content:space-between}
 body.ws-page .ws-grid{gap:10px}
 body.ws-page .ws-title{font-size:.78rem}
 body.ws-page .ws-body{padding:9px}
}