/* ===== v2: ranking, alerta, sobre ===== */
.rank,.alert{padding:clamp(80px,12vw,150px) 0}
.rank{background:var(--cream)}
.rank__head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.rank__lead,.alert__lead{font-size:clamp(16px,1.4vw,19px);color:var(--muted);max-width:56ch}
.rank__list{list-style:none;display:grid;gap:12px;counter-reset:r}
.rank__empty{padding:28px;border-radius:22px;background:#fff;border:1px dashed rgba(128,0,32,.25);color:var(--muted);text-align:center}
.rk a{display:grid;grid-template-columns:56px 56px 1fr auto;align-items:center;gap:16px;padding:14px 20px 14px 14px;background:#fff;border-radius:22px;border:1px solid rgba(92,14,30,.07);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.rk a:hover{transform:translateY(-3px) rotate(-.3deg);box-shadow:0 18px 40px -18px rgba(128,0,32,.35)}
.rk__n{font-family:var(--serif);font-size:34px;font-style:italic;color:var(--wine);text-align:center;line-height:1}
.rk--top .rk__n{font-family:"Shrikhand",var(--serif);font-style:normal;color:var(--hot);font-size:40px;text-shadow:2px 2px 0 var(--maroon)}
.rk__ico{width:56px;height:56px;border-radius:16px;background:var(--blush);display:grid;place-items:center;font-size:28px;overflow:hidden}
.rk__ico img{width:100%;height:100%;object-fit:cover}
.rk__txt{display:grid;gap:2px;min-width:0}
.rk__txt b{font-weight:700;color:var(--maroon);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk__txt small{color:var(--muted);font-size:13px}
.rk__ex{font-style:normal;background:var(--maroon);color:var(--butter);padding:1px 7px;border-radius:999px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.rk__bar{display:block;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--pink),var(--hot));width:0;margin-top:6px;transition:width 1.2s var(--expo) calc(var(--i)*.07s)}
.rank__list.go .rk__bar{width:var(--w)}
.rk__c{font-weight:700;color:var(--wine);font-size:14px;white-space:nowrap}
.rk{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease) calc(var(--i)*.06s),transform .7s var(--expo) calc(var(--i)*.06s)}
.rank__list.go .rk{opacity:1;transform:none}
.alert{background:linear-gradient(160deg,var(--blush),var(--pink));position:relative;overflow:hidden}
.alert__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.alert__img{width:min(300px,70%);margin-top:24px;filter:drop-shadow(0 20px 30px rgba(128,0,32,.25));animation:bob 5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-10px) rotate(2deg)}}
.alert__form{background:var(--cream);border-radius:var(--r);padding:clamp(22px,3vw,36px);display:grid;gap:16px;box-shadow:0 30px 60px -30px rgba(92,14,30,.45);border:2px solid var(--maroon)}
.alert__form label{display:grid;gap:6px;font-weight:700;color:var(--maroon);font-size:14px}
.alert__form input[name=nome],.alert__form input[type=tel]{font:inherit;font-weight:500;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(128,0,32,.2);background:#fff;color:var(--ink);outline:none;transition:border-color .3s,box-shadow .3s}
.alert__form input:focus{border-color:var(--hot);box-shadow:0 0 0 4px rgba(255,93,177,.18)}
.alert__form fieldset{border:0;display:grid;gap:8px}
.alert__form legend{font-weight:700;color:var(--maroon);font-size:14px;margin-bottom:8px}
.alert__form legend small{font-weight:500;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0}
.chip span{display:inline-block;padding:8px 14px;border-radius:999px;border:1.5px solid var(--wine);color:var(--wine);font-weight:600;font-size:14px;transition:all .3s var(--ease)}
.chip input:checked+span{background:var(--wine);color:var(--cream);transform:scale(1.05)}
.chip input:focus-visible+span{outline:3px solid var(--hot);outline-offset:2px}
.consent{grid-template-columns:22px 1fr!important;align-items:start;font-weight:500!important;color:var(--muted)!important;font-size:13px!important;line-height:1.5}
.consent input{width:20px;height:20px;accent-color:var(--wine);margin-top:2px}
.consent a{color:var(--wine);text-decoration:underline}
.hp{position:absolute;left:-9999px}
.alert__form .btn{justify-content:center}
.alert__msg{min-height:1.4em;font-weight:600;font-size:14px;color:var(--muted)}
.alert__msg.err{color:#b00030}.alert__msg.ok{color:var(--wine);font-size:16px}
.alert__form.done label,.alert__form.done fieldset,.alert__form.done button{display:none}
@media (max-width:820px){
  .alert__grid{grid-template-columns:1fr}
  .alert__img{display:none}
  .rk a{grid-template-columns:36px 44px 1fr;gap:10px;padding:12px}
  .rk__ico{width:44px;height:44px;font-size:22px}
  .rk__n{font-size:26px}.rk--top .rk__n{font-size:30px}
  .rk__c{grid-column:3;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.rk,.rk__bar{transition:none}.alert__img{animation:none}}

/* sobre.html */
.page-sobre .nav{position:sticky}
.sb-hero{padding:clamp(120px,14vw,180px) 0 clamp(60px,8vw,100px);background:radial-gradient(circle at 80% 20%,var(--pink),transparent 55%),var(--blush)}
.sb-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
.sb-title{font-family:"Shrikhand",var(--serif);font-size:clamp(48px,9vw,120px);line-height:.95;color:var(--wine);text-shadow:4px 4px 0 var(--pink)}
.sb-title em{color:var(--hot);font-style:normal;text-shadow:4px 4px 0 var(--maroon)}
.sb-lead{font-size:clamp(17px,1.6vw,21px);color:var(--maroon);margin-top:20px;max-width:46ch}
.sb-photo{position:relative}
.sb-photo img{border-radius:999px 999px 28px 28px;border:3px solid var(--maroon);box-shadow:14px 14px 0 var(--wine);aspect-ratio:3/4;object-fit:cover;width:100%}
.sb-photo .tag{position:absolute;left:-14px;bottom:30px;background:var(--butter);color:var(--maroon);font-weight:700;padding:10px 16px;border-radius:999px;border:2px solid var(--maroon);transform:rotate(-6deg)}
.sb-sec{padding:clamp(70px,10vw,130px) 0}
.sb-sec--cream{background:var(--cream)}.sb-sec--sage{background:var(--sage)}.sb-sec--butter{background:var(--butter)}
.jeito{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.jeito article{background:#fff;border-radius:22px;padding:26px;border:1.5px solid var(--maroon);box-shadow:6px 6px 0 var(--pink);transition:transform .5s var(--ease)}
.jeito article:hover{transform:translateY(-6px) rotate(-1deg)}
.jeito b{display:block;font-size:34px;margin-bottom:10px}
.jeito h3{font-family:var(--serif);color:var(--maroon);font-size:24px;font-weight:500;margin-bottom:6px}
.jeito p{color:var(--muted)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.gal img{border-radius:20px;aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .6s var(--ease)}
.gal img:nth-child(even){transform:translateY(24px)}
.gal img:hover{transform:scale(1.04) rotate(-1deg)}
.honest{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.honest div{background:var(--cream);border-radius:22px;padding:28px;border:2px solid var(--maroon)}
.honest h3{font-family:var(--serif);color:var(--wine);font-size:26px;font-weight:500;margin-bottom:8px}
.honest p{color:var(--ink)}
.sb-social{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.priv{max-width:760px;color:var(--ink)}
.priv h3{font-family:var(--serif);color:var(--maroon);font-size:22px;font-weight:500;margin:22px 0 6px}
.priv p,.priv li{color:var(--muted)}.priv ul{padding-left:20px}
.sb-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform 1s var(--expo)}
.sb-reveal.in{opacity:1;transform:none}
@media (max-width:820px){.sb-hero__grid,.honest{grid-template-columns:1fr}.jeito{grid-template-columns:1fr}.gal{grid-template-columns:repeat(2,1fr)}.sb-photo{max-width:360px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.sb-reveal{opacity:1;transform:none;transition:none}}
