/*
Theme Name: Junior 2026
Theme URI: https://junioroficial.com.br/
Author: tontura
Description: Site oficial do Junior — identidade da nova era (EP Labirinto). Formulários via Formidable Forms (ids 3 e 1).
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: junior-2026
*/

/* ============ Base ============ */
:root{
	--bg:#07080a; --ink:#e2e2e2; --white:#e2e2e2; --grey:#b2b3b0; --mid:#8a8b88; --line:#2b2b2b; --aqua:#add0ce;
	--pad:clamp(16px,3.5vw,48px);
	--sans:'Anek Tamil',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
	--ease:cubic-bezier(.22,1,.36,1); --io:cubic-bezier(.76,0,.24,1); --io2:cubic-bezier(.65,0,.35,1);
	--base:.5s;
}
html.intro{--base:2.05s}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.logo{display:block}
.logo path{fill:currentColor}
h1,h2,h3{margin:0}
:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}

/* ============ Transição entre páginas (cortina verde) ============ */
.pt{position:fixed;inset:0;z-index:98;background:var(--aqua);pointer-events:none;transform:translateY(100%);will-change:transform}
.pt.cover{transform:translateY(0);animation:ptSafety .01s 3.5s forwards}
.pt.leave{transform:translateY(0);transition:transform .45s var(--io2)}
.pt.up{transform:translateY(-100%);transition:transform .75s var(--io2)}
@keyframes ptSafety{to{transform:translateY(-100%)}}
html.no-js .pt{display:none}

/* ============ Abertura (Home) ============ */
.loader{position:fixed;inset:0;z-index:100;background:var(--bg);overflow:hidden;clip-path:inset(0 0 0 0);transition:clip-path .8s var(--io)}
html.quick .loader,html.no-js .loader{display:none}
.loader.out{clip-path:inset(0 0 100% 0)}
.lpanel{position:absolute;inset:0;background:var(--aqua);transform:translateY(100%);transition:transform .65s var(--io)}
.loader.up .lpanel{transform:translateY(0)}
.lcenter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.lname{width:clamp(150px,15vw,230px);color:var(--ink);transition:color .25s ease .3s}
.loader.up .lname{color:var(--bg)}
.lt{transform-box:fill-box;animation:ltIn .8s var(--ease) calc(.15s + var(--i)*.06s) backwards}
@keyframes ltIn{from{transform:translateY(115%)}}

/* ============ Header ============ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:40;padding:26px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(7,8,10,.9);font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.site-header .hdr-link{min-height:44px;display:inline-flex;align-items:center;gap:10px;transition:opacity .3s}
.site-header .hdr-link:hover{opacity:.6}
.site-header .hdr-link:first-child{justify-self:start}
.site-header .hdr-link:last-child{justify-self:end;grid-column:3}
.site-header .hdr-link.current::before{content:"";width:6px;height:6px;background:var(--aqua)}
.hdr-logo{line-height:0}
.hdr-logo .logo{width:150px}
.site-header.on-home{padding:30px var(--pad);background:rgba(7,8,10,var(--navbg,0));opacity:var(--nav,0);pointer-events:var(--navpe,none)}
html.no-js .site-header.on-home{opacity:1;pointer-events:auto}

.big-logo{position:fixed;top:0;left:50%;z-index:41;width:92vw;line-height:0;color:var(--ink);transform-origin:50% 0;transform:translate(-50%,5vh)}
.hl{transform-box:fill-box;transform-origin:50% 100%;animation:hl 1.7s var(--ease) calc(var(--base) + var(--i)*.09s) backwards}
@keyframes hl{from{opacity:0;transform:translateY(14%) scaleY(1.04);filter:blur(10px)}}

/* ============ Menu mobile (painel cai de cima, itens entram em sequência) ============ */
.menu-btn{display:none;position:fixed;top:14px;right:6px;z-index:96;min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .3s}
.menu-open .menu-btn{color:var(--bg)}
.mnu{position:fixed;inset:0;z-index:95;background:var(--aqua);color:var(--bg);display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px 28px;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--io),visibility 0s linear .55s}
.menu-open .mnu{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .6s var(--io),visibility 0s}
.mnu-top{height:44px;display:flex;align-items:center;line-height:0}
.mnu-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.mnu-list a{display:flex;align-items:baseline;gap:14px;min-height:52px;transition:opacity .25s}
.mnu a:hover{opacity:.55}
.mi-n{font-family:var(--mono);font-size:11px}
.mi-t{font-weight:700;font-stretch:125%;font-size:clamp(34px,10vw,48px);line-height:1;text-transform:uppercase}
.mi-cur{width:8px;height:8px;background:var(--bg);align-self:center}
.mi{opacity:0;transform:translateY(22px);transition:opacity .2s ease,transform .2s ease}
.menu-open .mi{opacity:1;transform:none;transition:opacity .7s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.mnu-foot{display:flex;flex-direction:column;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.mnu-social{display:flex;flex-wrap:wrap;gap:4px 16px}
.mnu-social a{min-height:32px;display:inline-flex;align-items:center}
.mnu-mail{text-transform:none}
.menu-open{overflow:hidden}

/* ============ Entradas suaves (páginas internas) ============ */
.soft{transition:opacity 1.1s var(--ease) var(--d,0s),transform 1.3s var(--ease) var(--d,0s),filter 1.1s ease var(--d,0s)}
html.pre .soft{opacity:0;transform:translateY(22px);filter:blur(6px);transition:none}

/* ============ HOME ============ */
.hero-wrap{position:relative}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero{position:relative;height:min(100vh,960px);min-height:560px;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;animation:photoIn 3.2s var(--ease) calc(var(--base) - .45s) backwards}
@keyframes photoIn{from{opacity:0;transform:scale(1.1);filter:blur(8px)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,10,.75) 0%,rgba(7,8,10,.12) 30%,rgba(7,8,10,.18) 58%,rgba(7,8,10,.7) 84%,var(--bg) 100%)}
.sq{position:absolute;width:1.4vw;height:1.4vw;min-width:10px;min-height:10px;background:var(--ink);animation:sq 1.1s var(--ease) calc(var(--base) + .85s + var(--i)*.1s) backwards}
@keyframes sq{from{opacity:0;transform:scale(.5)}}
.sq.climb{animation:sq 1.1s var(--ease) calc(var(--base) + .85s) backwards,climb 9s cubic-bezier(.85,0,.15,1) calc(var(--base) + 1.35s) infinite}
@keyframes climb{0%,14%{top:82%;opacity:1}18%,32%{top:72%}36%,50%{top:62%}54%,68%{top:52%}72%,86%{top:42%;opacity:1}92%{top:42%;opacity:0}96%{top:82%;opacity:0}100%{top:82%;opacity:1}}
.hero-foot{position:absolute;left:3.6%;right:3.6%;bottom:7%;display:flex;justify-content:space-between;align-items:flex-end;font-weight:700;font-stretch:125%;font-size:clamp(14px,1.4vw,21px);animation:fadeUp 1.2s var(--ease) calc(var(--base) + .85s) backwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}}

.cta{position:relative;padding:112px 16px 96px;display:flex;justify-content:center}
.pill{position:relative;width:min(100%,380px);aspect-ratio:400/72}
.pillshape{position:absolute;inset:0;width:100%;height:100%;fill:var(--aqua);transform-origin:50% 50%}
.pilltxt{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.pilltxt a{display:flex;align-items:center;justify-content:center;color:var(--bg);transition:letter-spacing .35s ease}
.pilltxt a:hover{letter-spacing:.16em}
html.js .pill:not(.on) .pillshape{opacity:0;transform:scaleX(.35)}
html.js .pill:not(.on) .pilltxt{opacity:0}
.pill.on .pillshape{animation:pillIn .9s cubic-bezier(.34,1.4,.5,1) backwards}
@keyframes pillIn{from{opacity:0;transform:scaleX(.35)}}
.pill.on .pilltxt{animation:fadeUp .6s var(--ease) .45s backwards}

.map{position:relative;height:2600px}
.map-sticky{position:sticky;top:0;height:min(100vh,960px);display:flex;align-items:center;justify-content:center;overflow:hidden}
.stage{position:relative;width:min(92vw,120vh,1300px);aspect-ratio:1400/1000;container-type:inline-size}
.relevo{position:absolute;left:31.16%;top:0;width:37.67%;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 42%,transparent 58%);mask-image:linear-gradient(180deg,#000 42%,transparent 58%);-webkit-mask-size:100% 260%;mask-size:100% 260%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0}
.map-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rdot{fill:var(--ink)}
.leader{fill:none;stroke:var(--mid);stroke-width:1.5;stroke-dasharray:1}
.pin{fill:var(--aqua)}
.lbl{position:absolute;transform:translateY(-100%);padding-bottom:.45em;font-family:var(--mono);font-size:1.6cqw;line-height:1;letter-spacing:.04em;color:var(--ink);white-space:nowrap;pointer-events:none}
.lbl.sm{font-size:3.2cqw}

.gallery{max-width:1440px;margin:0 auto;padding:40px var(--pad) 160px}
.jg{display:flex;flex-wrap:wrap;gap:12px}
.gt{margin:0;flex-grow:calc(var(--r) * 100);flex-basis:calc(var(--r) * 300px);aspect-ratio:var(--r);overflow:hidden;background:#111316;clip-path:inset(0 0 0 0);transition:clip-path 1.3s var(--io) var(--d)}
.gt img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.9s cubic-bezier(.16,.8,.2,1) var(--d),filter 1.5s ease var(--d)}
.gt.pre{clip-path:inset(100% 0 0 0);transition:none}
.gt.pre img{transform:scale(1.22);filter:blur(6px) grayscale(1);transition:none}
.gin{width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.gt:hover .gin{transform:scale(1.035)}

/* ============ Footer ============ */
.site-footer{border-top:1px solid var(--line);background:var(--bg)}
.ft-cols{max-width:1440px;margin:0 auto;padding:96px var(--pad) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px}
.ft-col{display:flex;flex-direction:column;gap:18px}
.ft-h{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.ft-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.flink{display:inline-flex;min-height:36px;align-items:center;gap:8px;font-weight:700;font-stretch:125%;font-size:20px;text-transform:uppercase;color:var(--white);transition:color .3s}
.flink span{color:var(--aqua)}
.flink:hover{color:var(--aqua)}
.ft-mail{font-weight:600;font-stretch:100%;text-transform:none}
.ft-logo{margin:72px auto 0;max-width:1440px;padding:0 var(--pad);color:#15181a;line-height:0}
.ft-logo .logo{width:100%}
.ft-bar{max-width:1440px;margin:24px auto 0;padding:24px var(--pad);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--grey)}
.site-footer.small{border-top-color:rgba(226,226,226,.14)}
.site-footer.small .ft-bar{margin-top:0;border-top:0;padding:28px var(--pad);color:var(--mid)}

/* ============ DISCOGRAFIA ============ */
.disc{max-width:1440px;margin:0 auto;padding:170px var(--pad) 140px}
.disc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:28px;margin-bottom:40px;border-bottom:1px solid rgba(226,226,226,.14)}
.disc-h1{font-weight:700;font-stretch:125%;font-size:clamp(40px,4.6vw,68px);line-height:.9;letter-spacing:-.01em;text-transform:uppercase;color:var(--white)}
.disc-intro{margin:0;max-width:340px;font-size:17px;line-height:1.45;color:var(--grey)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start}
.card{display:flex;flex-direction:column;gap:18px}
.cv{position:relative;aspect-ratio:1/1;overflow:hidden;background:#15171a;clip-path:inset(0 0 0 0);transition:clip-path 1.25s var(--io) var(--d)}
.cv .zoom{width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.cv img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.8s cubic-bezier(.16,.8,.2,1) var(--d2),filter 1.4s ease var(--d2)}
.wipe{position:absolute;inset:0;background:var(--aqua);transform-origin:50% 0;transform:scaleY(0);transition:transform .9s var(--io) var(--d2);pointer-events:none}
.meta{display:flex;flex-direction:column;gap:10px;transition:opacity .9s ease var(--d3),transform .9s var(--ease) var(--d3)}
.card.pre .cv{clip-path:inset(100% 0 0 0);transition:none}
.card.pre .cv img{transform:scale(1.3);filter:blur(6px) grayscale(1);transition:none}
.card.pre .wipe{transform:scaleY(1);transform-origin:50% 100%;transition:none}
.card.pre .meta{opacity:0;transform:translateY(16px);transition:none}
.card:hover .cv .zoom{transform:scale(1.04)}
.play{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;background:var(--aqua);color:var(--bg);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transform:translateY(110%);transition:transform .45s var(--io),background .3s}
.card:hover .play,.card:focus-within .play{transform:none}
.play:hover{background:var(--white)}
.meta-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.meta h2{font-weight:700;font-stretch:125%;font-size:clamp(18px,1.6vw,24px);line-height:1.05;text-transform:uppercase;color:var(--white)}
.meta-n{font-family:var(--mono);font-size:11px;color:var(--mid)}
.meta-info{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.meta-actions{display:flex;gap:24px;align-items:center}
.tg{min-height:40px;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .3s;display:inline-flex;align-items:center;gap:8px}
.tg:hover{color:var(--aqua)}
.m-play{display:none;color:var(--aqua)}
.tracks{margin:0;padding:0;list-style:none;border-top:1px solid rgba(226,226,226,.14)}
.tracks li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px;padding:10px 0;border-bottom:1px solid rgba(226,226,226,.08);font-size:16px;line-height:1.3;animation:trk .5s var(--ease) calc(var(--k)*.025s) backwards}
@keyframes trk{from{opacity:0;transform:translateY(-6px)}}
.tn{font-family:var(--mono);font-size:11px;color:var(--mid);padding-top:3px}
.feat{color:var(--mid)}

/* ============ NEWSLETTER ============ */
.news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(100vh,1000px)}
.news-photo{position:sticky;top:0;height:min(100vh,1000px);overflow:hidden}
.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:opacity 1.8s var(--ease) .1s,transform 2.6s var(--ease) .1s,filter 1.8s ease .1s}
html.pre .photo{opacity:0;transform:scale(1.08);filter:blur(10px);transition:none}
.clock{position:absolute;left:var(--pad);bottom:24px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink)}
.news-body{position:relative;padding:170px clamp(16px,4vw,64px) 40px;display:flex;flex-direction:column;justify-content:center;min-height:min(100vh,1000px)}
.vline{position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(226,226,226,.1);transform-origin:50% 0;transition:transform 1.2s var(--io2) .2s}
html.pre .vline{transform:scaleY(0);transition:none}
.blk{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px;padding-bottom:48px}
.blk h1{font-weight:700;font-stretch:125%;font-size:clamp(26px,2.4vw,36px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--white)}
.rules{margin:0 0 28px;font-size:16px;line-height:1.5;color:var(--grey)}
.news-contact{margin-top:auto;padding-top:64px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}

/* --- Formulário próprio (newsletter) --- */
.jr-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.jr-field{display:flex;flex-direction:column;gap:6px}
.jr-field label{font-size:13px;color:var(--grey)}
.jr-field input{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(226,226,226,.22);border-radius:0;padding:8px 0 12px;font-family:var(--sans);font-size:17px;color:var(--white);transition:border-color .3s}
.jr-field input::placeholder{color:#6d706d}
.jr-field input:focus{outline:none;border-bottom-color:var(--aqua)}
.jr-field input:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
.jr-ok{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--grey);cursor:pointer}
.jr-ok input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:1px 0 0;border:1px solid rgba(226,226,226,.4);background:transparent;cursor:pointer;display:grid;place-content:center}
.jr-ok input:checked{background:var(--aqua);border-color:var(--aqua)}
.jr-ok input:checked::after{content:"";width:8px;height:8px;background:var(--bg)}
.jr-ok a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.jr-actions{grid-column:1/-1}
.jr-actions button{min-height:44px;padding:0 24px;border:0;background:var(--aqua);color:var(--bg);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.jr-actions button:hover{background:var(--white)}
.jr-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.jr-msg{margin:0 0 24px;font-size:17px;line-height:1.5}
.jr-msg.ok{color:var(--aqua)}
.jr-msg.erro{color:#e6a0a0}
.jr-admin-flag{position:fixed;left:12px;bottom:12px;z-index:97;padding:8px 12px;background:var(--aqua);color:var(--bg);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}

/* --- Formidable Forms no visual do site (página de fan pages) --- */
.form-wrap .frm_forms,.form-wrap .frm_forms *{font-family:var(--sans)}
.form-wrap .frm_forms{max-width:none;margin:0}
.form-wrap .frm_forms fieldset{margin:0;padding:0;border:0}
.form-wrap .frm_forms legend,.form-wrap .frm_forms .frm_screen_reader{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.form-wrap .frm_fields_container{display:grid !important;grid-template-columns:1fr 1fr;gap:28px 24px !important}
.form-wrap .frm_form_field{grid-column:auto !important;margin:0 !important;padding:0 !important;width:auto !important}
.form-wrap .frm_form_field.frm_full,.form-wrap .frm_submit,.form-wrap .frm_form_field.frm_html_container{grid-column:1 / -1 !important}
.form-wrap .frm_primary_label,.form-wrap label{display:block;margin:0 0 6px !important;padding:0 !important;font-size:13px !important;font-weight:400 !important;color:var(--grey) !important}
.form-wrap .frm_required{color:var(--aqua) !important}
.form-wrap input[type=text],.form-wrap input[type=email],.form-wrap input[type=tel],.form-wrap input[type=number],.form-wrap input[type=url],.form-wrap select,.form-wrap textarea{width:100% !important;height:auto !important;background:transparent !important;border:0 !important;border-bottom:1px solid rgba(226,226,226,.22) !important;border-radius:0 !important;box-shadow:none !important;padding:8px 0 12px !important;font-size:17px !important;color:var(--white) !important;transition:border-color .3s}
.form-wrap input::placeholder,.form-wrap textarea::placeholder{color:#6d706d !important}
.form-wrap input:focus,.form-wrap textarea:focus,.form-wrap select:focus{outline:none !important;border-bottom-color:var(--aqua) !important}
.form-wrap input:focus-visible{outline:2px solid var(--aqua) !important;outline-offset:3px}
.form-wrap .frm_description{font-size:12px;color:var(--mid)}
.form-wrap .frm_submit{margin-top:4px !important}
.form-wrap .frm_submit button,.form-wrap .frm_submit input[type=submit],.form-wrap .frm_button_submit{min-height:44px !important;height:auto !important;padding:0 24px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:var(--aqua) !important;color:var(--bg) !important;font-family:var(--mono) !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.08em !important;text-transform:uppercase !important;cursor:pointer;transition:background .3s}
.form-wrap .frm_submit button:hover,.form-wrap .frm_submit input[type=submit]:hover{background:var(--white) !important}
.form-wrap .frm_error,.form-wrap .frm_error_style{margin-top:6px;padding:0 !important;border:0 !important;background:transparent !important;color:#e6a0a0 !important;font-size:12px !important}
.form-wrap .frm_message,.form-wrap .frm_message p{padding:0 !important;border:0 !important;background:transparent !important;color:var(--aqua) !important;font-size:17px !important}

/* ============ Páginas simples ============ */
.simple{padding:170px var(--pad) 120px}
.simple-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.simple h1{font-weight:700;font-stretch:125%;font-size:clamp(32px,4vw,56px);line-height:.95;text-transform:uppercase;color:var(--white)}
.simple-content{font-size:17px;line-height:1.6;color:var(--ink)}
.simple-content a{color:var(--aqua)}

/* ============ Mobile ============ */
@media (max-width:900px){
	.disc{padding-top:110px}
	.grid3{grid-template-columns:1fr;row-gap:80px}
	.play{display:none}
	.disc-intro{display:none}
	.disc-h1{font-size:30px}
	.m-play{display:inline-flex}
	.news{grid-template-columns:1fr}
	.news-photo{position:relative;height:60vh}
	.news-body{padding-top:56px;min-height:0}
	.vline{display:none}
	.blk{grid-template-columns:1fr}
	.form-wrap .frm_fields_container{grid-template-columns:1fr}
	.jr-form{grid-template-columns:1fr}
}
@media (max-width:760px){
	.menu-btn{display:block}
	.site-header .hdr-link{display:none}
	.site-header{grid-template-columns:1fr;justify-items:center}
	.site-header.on-home{opacity:1;pointer-events:auto}
	.big-logo{transform:translate(-50%,76px)}
	.hero-bg{bottom:auto;height:max(min(100vh,960px),560px)}
	.hero-bg .hero-shade{background:linear-gradient(180deg,rgba(7,8,10,.75) 0%,rgba(7,8,10,.15) 38%,rgba(7,8,10,.2) 70%,var(--bg) 100%)}
	.map{height:1900px}
	.gt{flex-basis:calc(var(--r) * 150px)}
	.hdr-logo .logo{width:104px}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.01s !important;animation-delay:0s !important;transition-duration:.01s !important;transition-delay:0s !important}
	.sq.climb{animation:none !important}
}

/* ============ Blindagem contra CSS antigo de plugins (Custom CSS & JS etc.) ============ */
body.jr .pilltxt a{color:#07080a !important;font-family:'IBM Plex Mono',ui-monospace,monospace !important;font-size:14px !important;font-weight:500 !important;letter-spacing:.08em !important;text-transform:uppercase !important;text-decoration:none !important;opacity:1 !important}
body.jr .jr-ok{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;margin:0 !important;font-size:13px !important;line-height:1.5 !important}
body.jr .jr-ok input{position:static !important;display:grid !important;flex:none !important;width:18px !important;height:18px !important;min-width:18px !important;margin:2px 0 0 !important;padding:0 !important}
body.jr .jr-ok span{display:block !important;flex:1 1 auto !important;min-width:0 !important}
body.jr img{max-width:100%;visibility:visible}
body.jr .hero-photo,body.jr .gt img,body.jr .cv img,body.jr .photo,body.jr .relevo{display:block !important;visibility:visible !important}
body.jr .jr-ok a{font-family:inherit !important;color:var(--ink) !important}
body.jr .site-header a,body.jr .mnu a,body.jr .flink,body.jr .tg,body.jr .play{font-family:inherit}
body.jr .site-header .hdr-link{font-family:var(--mono) !important;color:var(--ink) !important}
body.jr .gt{min-height:120px}

/* seta vetorial (substitui o caractere ↗, que vira emoji no iPhone) */
.seta{display:block;width:.62em;height:.62em;flex:none}
.flink .seta{color:var(--aqua);margin-left:2px}
.play .seta,.m-play .seta{width:10px;height:10px}
body.jr .flink .seta{color:var(--aqua) !important}
/* vídeo da Home */
.hero-video{display:block;background:var(--bg)}
/* rastro de quadrados (desktop, Home, do mapa ao rodapé) — mesma lógica do rodapé do poetic.com */
.trail{position:absolute;left:0;width:100%;z-index:30;pointer-events:none;overflow:hidden}
.trail-box{position:absolute;width:20px;height:20px;background:var(--aqua);animation:trailPop .16s cubic-bezier(.34,1.56,.64,1) backwards}
@keyframes trailPop{0%{transform:scale(0)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.trail{display:none}}
