/* Atual Receitas - main.css */
:root{
  --bg:#fff; --paper:#fff;
  --text:#0f172a; --muted:#475569;
  --line:rgba(15,23,42,.10);
  --brand:#ff4f7b; --brand2:#ffb703;
  --shadow:0 10px 30px rgba(2,6,23,.08);
  --radius:16px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--text); background:
    radial-gradient(900px 380px at 10% -10%, rgba(255,79,123,.12), transparent 60%),
    radial-gradient(900px 420px at 90% 0%, rgba(255,183,3,.12), transparent 60%),
    #fff;
  font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.55;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:hover{opacity:.92}
.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.ar-container{max-width:var(--container);margin:0 auto;padding:0 16px}
.ar-main{padding:18px 0 40px}
.ar-h1{font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:0}
.ar-h2{font-size:clamp(20px,2.2vw,28px);line-height:1.15;margin:0}
.ar-lead{font-size:1.06rem;color:var(--muted);margin:10px 0 0}
.ar-muted{color:var(--muted)}
.ar-empty{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.7)}
.ar-more{font-weight:700;color:var(--brand)}

.ar-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.82);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
.ar-topbar{display:flex;align-items:center;gap:12px;padding:12px 0}
.ar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.ar-brand__text{font-weight:800;font-size:1.1rem;letter-spacing:.2px}
.custom-logo{max-height:56px;width:auto}

.ar-topsearch{flex:1;display:flex;justify-content:flex-end}
.ar-searchform{display:flex;gap:8px;align-items:center;width:min(560px,100%)}
.ar-searchform__input{
  width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:999px;
  outline:none;background:rgba(255,255,255,.9);
}
.ar-searchform__input:focus{border-color:rgba(255,79,123,.5);box-shadow:0 0 0 4px rgba(255,79,123,.12)}
.ar-searchform__btn{
  border:0;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;
  color:#0b1324;background:linear-gradient(90deg, rgba(255,183,3,.95), rgba(255,79,123,.92));
  box-shadow:0 10px 24px rgba(255,79,123,.14);
}

.ar-navbtn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 10px;cursor:pointer}
.ar-navbtn__line{display:block;width:18px;height:2px;background:#0b1324;margin:4px 0;border-radius:3px}

.ar-nav{border-top:1px solid var(--line);background:rgba(255,255,255,.85)}
.ar-menu{list-style:none;margin:0;padding:8px 0;display:flex;gap:10px;flex-wrap:wrap}
.ar-menu a{text-decoration:none;font-weight:700;color:#0b1324;padding:8px 10px;border-radius:999px}
.ar-menu a:hover{background:rgba(2,6,23,.05)}
.ar-menu .menu-item-has-children{position:relative}
.ar-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);list-style:none}
.ar-menu .menu-item-has-children:hover .sub-menu{display:block}

.ar-breadcrumbs{margin:14px 0 0}
.ar-breadcrumbs ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;color:var(--muted);font-size:.92rem}
.ar-breadcrumbs li:after{content:"›";margin-left:8px;opacity:.5}
.ar-breadcrumbs li:last-child:after{content:""}
.ar-breadcrumbs a{text-decoration:none;color:var(--muted)}
.ar-breadcrumbs a:hover{color:#0b1324}

.ar-hero{padding:18px 0 8px}
.ar-hero__inner{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;align-items:start}
.ar-hero__copy{
  border:1px solid var(--line);border-radius:22px;padding:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.7));
  box-shadow:var(--shadow);
}
.ar-hero__eyebrow{margin:0 0 8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:rgba(15,23,42,.65)}
.ar-hero__title{margin:0;font-size:clamp(30px,3.4vw,46px);line-height:1.06}
.ar-hero__subtitle{margin:10px 0 0;color:var(--muted);max-width:62ch}
.ar-hero__search{margin-top:14px}
.ar-hero__panel{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.75);box-shadow:var(--shadow)}
.ar-linklist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.ar-linklist a{text-decoration:none;font-weight:800;color:#0b1324}
.ar-linklist a:hover{text-decoration:underline}
.ar-trending{margin-top:14px}
.ar-trending__label{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;color:#0b1324}
.ar-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ar-chip{display:inline-flex;text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.8);font-weight:800;font-size:.92rem}
.ar-chip:hover{border-color:rgba(255,79,123,.35);box-shadow:0 10px 24px rgba(255,79,123,.10)}

.ar-pagehead{padding:14px 0 10px}
.ar-pagehead--term{padding:18px 0 12px}

.ar-section{padding:18px 0}
.ar-section__head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}

.ar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ar-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.ar-carditem__link{display:block;text-decoration:none}
.ar-carditem{
  border:1px solid var(--line);
  border-radius:20px;overflow:hidden;background:rgba(255,255,255,.78);
  box-shadow:0 10px 22px rgba(2,6,23,.06);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.ar-carditem:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(2,6,23,.10);border-color:rgba(255,79,123,.18)}
.ar-carditem__media{position:relative;aspect-ratio: 16/10;overflow:hidden}
.ar-carditem__media img{width:100%;height:100%;object-fit:cover}
.ar-carditem__placeholder{width:100%;height:100%;background:linear-gradient(135deg, rgba(255,79,123,.12), rgba(255,183,3,.12))}
.ar-badge{
  position:absolute;left:10px;top:10px;
  padding:6px 10px;border-radius:999px;font-weight:900;font-size:.78rem;
  background:rgba(255,255,255,.9);border:1px solid var(--line);
}
.ar-badge--alt{background:rgba(15,23,42,.90);color:#fff;border-color:transparent}
.ar-time{
  position:absolute;right:10px;top:10px;
  padding:6px 10px;border-radius:999px;font-weight:900;font-size:.78rem;
  background:rgba(15,23,42,.92);color:#fff;
}
.ar-carditem__body{padding:12px 12px 14px}
.ar-carditem__title{margin:0;font-size:1.05rem;line-height:1.2;font-weight:900;letter-spacing:-.01em}
.ar-carditem__excerpt{margin:8px 0 0;color:var(--muted);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.ar-catgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ar-catcard{
  text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:14px;
  background:rgba(255,255,255,.75);box-shadow:0 10px 22px rgba(2,6,23,.06);
}
.ar-catcard__name{display:block;font-weight:900}
.ar-catcard__count{display:block;margin-top:4px;color:var(--muted);font-weight:700;font-size:.92rem}

.ar-saver{padding:18px 0 8px}
.ar-saver__inner{
  display:grid;grid-template-columns:1.2fr .8fr;gap:14px;
  border:1px solid var(--line);border-radius:24px;padding:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.7));
  box-shadow:var(--shadow);
}
.ar-ingform{display:flex;gap:10px;margin-top:12px}
.ar-ingform input{
  flex:1;padding:12px 14px;border-radius:999px;border:1px solid var(--line);outline:none;background:#fff
}
.ar-ingform input:focus{border-color:rgba(255,79,123,.5);box-shadow:0 0 0 4px rgba(255,79,123,.12)}
.ar-ingform button{border:0;border-radius:999px;padding:12px 14px;font-weight:900;cursor:pointer;background:rgba(15,23,42,.92);color:#fff}
.ar-stats{display:grid;gap:10px}
.ar-stat{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.8)}
.ar-stat strong{display:block;font-size:1.2rem}
.ar-stat span{color:var(--muted);font-weight:700;font-size:.92rem}

.ar-article,.ar-recipe{border:1px solid var(--line);border-radius:24px;padding:18px;background:rgba(255,255,255,.78);box-shadow:var(--shadow)}
.ar-article__head{margin-bottom:12px}
.ar-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-weight:700;font-size:.92rem;margin-top:10px}
.ar-meta a{color:var(--muted);text-decoration:none;font-weight:800}
.ar-meta a:hover{color:#0b1324;text-decoration:underline}
.ar-figure{margin:14px 0;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.ar-figure img{width:100%;height:auto}
.ar-content{color:#0f172a}
.ar-content p{margin:0 0 14px}
.ar-content h2,.ar-content h3{margin:18px 0 10px}
.ar-content ul,.ar-content ol{margin:0 0 14px;padding-left:18px}
.ar-content blockquote{margin:0 0 14px;border-left:3px solid rgba(255,79,123,.5);padding:10px 14px;background:rgba(255,79,123,.06);border-radius:14px}

.ar-ad{margin:16px 0}
.ar-ad:empty{display:none}
.ar-ad iframe, .ar-ad ins{max-width:100%}

.ar-tags a{display:inline-flex;margin:6px 6px 0 0;padding:7px 10px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:800;font-size:.9rem;color:#0b1324;background:rgba(255,255,255,.8)}
.ar-tags a:hover{border-color:rgba(255,79,123,.35);box-shadow:0 10px 24px rgba(255,79,123,.10)}

.ar-related{margin-top:18px}
.ar-related .ar-grid{margin-top:12px}

.ar-infobar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.ar-info{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:18px;padding:10px 12px;background:rgba(255,255,255,.85)}
.ar-info span{color:var(--muted);font-weight:700;font-size:.86rem}
.ar-info strong{font-weight:900}
.ar-info--cta{padding:0;border:0;background:transparent}
.ar-btn{
  border:0;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;
  color:#0b1324;background:linear-gradient(90deg, rgba(255,183,3,.95), rgba(255,79,123,.92));
  box-shadow:0 10px 24px rgba(255,79,123,.14);
}
.ar-btn--ghost{background:rgba(15,23,42,.06);box-shadow:none}
.ar-btn--wide{width:100%}

.ar-recipe__lead{color:var(--muted);margin:10px 0 0}
.ar-recipe__toc{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.ar-recipe__toc a{text-decoration:none;font-weight:900;border:1px solid var(--line);background:rgba(255,255,255,.85);padding:8px 10px;border-radius:999px}
.ar-recipe__toc a:hover{border-color:rgba(255,79,123,.35);box-shadow:0 10px 24px rgba(255,79,123,.10)}

.ar-recipe__grid{display:grid;grid-template-columns: .9fr 1.1fr;gap:14px;margin-top:10px}
.ar-card{
  border:1px solid var(--line);border-radius:22px;padding:14px;background:rgba(255,255,255,.85);
}
.ar-card--full{margin-top:14px}
.ar-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ar-card__actions{display:flex;gap:8px;flex-wrap:wrap}
.ar-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ar-checklist label{display:flex;gap:10px;align-items:flex-start;font-weight:700}
.ar-checklist input{margin-top:3px}
.ar-checklist li{border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.86)}
.ar-checklist li.is-checked{opacity:.7;text-decoration:line-through}
.ar-steps{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.ar-step{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.86)}
.ar-step__dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg, rgba(255,79,123,.9), rgba(255,183,3,.9));margin-top:6px}
.ar-step__text{font-weight:700}

.ar-accordion details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.85);padding:10px 12px}
.ar-accordion details + details{margin-top:10px}
.ar-accordion summary{cursor:pointer;font-weight:900}
.ar-accordion__body{color:var(--muted);margin-top:8px}

.ar-pagination ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0;padding:0}
.ar-pagination a,.ar-pagination span{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
  border-radius:12px;border:1px solid var(--line);text-decoration:none;font-weight:900;background:rgba(255,255,255,.82)
}
.ar-pagination .current{background:rgba(15,23,42,.92);color:#fff;border-color:transparent}

.ar-loadmore{margin:14px 0 0}
.ar-loadmore__status{margin-top:10px;color:var(--muted);font-weight:700;font-size:.92rem}

.ar-termhub{display:grid;gap:18px}
.ar-termhub__section{border:1px solid var(--line);border-radius:24px;padding:14px;background:rgba(255,255,255,.78);box-shadow:0 10px 22px rgba(2,6,23,.06)}
.ar-termhub__head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}

.ar-notfound{margin-top:20px;border:1px dashed rgba(15,23,42,.25);border-radius:22px;padding:16px;background:rgba(255,255,255,.65)}

.ar-footer{margin-top:28px;border-top:1px solid var(--line);background:rgba(255,255,255,.86)}
.ar-footer__grid{max-width:var(--container);margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ar-footer__links{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.ar-footer__links a{text-decoration:none;color:var(--muted);font-weight:800}
.ar-footer__links a:hover{color:#0b1324;text-decoration:underline}
.ar-footer__bottom{border-top:1px solid var(--line);padding:14px 16px;text-align:center;color:var(--muted);font-weight:700}

/* Responsive */
@media (max-width: 980px){
  .ar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-catgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ar-hero__inner{grid-template-columns:1fr}
  .ar-saver__inner{grid-template-columns:1fr}
  .ar-recipe__grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .ar-topsearch{display:none}
  .ar-navbtn{display:inline-flex;align-items:center;justify-content:center}
  .ar-nav{display:none}
  .ar-nav.is-open{display:block}
  .ar-menu{padding:10px 0}
  .ar-footer__grid{grid-template-columns:1fr}
  .ar-grid{grid-template-columns:1fr}
  .ar-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{
  .ar-header,.ar-footer,.ar-ad,.ar-recipe__toc,.ar-btn{display:none!important}
  body{background:#fff}
  .ar-article,.ar-recipe{box-shadow:none;border:none;padding:0}
}
