/* JEX Fishing — grupos de pesca e Minha conta */
/* botão da conta no topo (igual ao do site oficial) */
.jx-conta{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(14,15,11,.45);color:#F2EFE8;text-decoration:none;transition:border-color .15s,color .15s}
.topnav a.jx-conta{padding:0;border-radius:50%}
.jx-conta:hover,.jx-conta[aria-current],html.jx-logado .jx-conta{border-color:var(--orange);color:var(--orange)}
.jx-conta svg{display:block;width:20px;height:20px}
.jx-conta .jx-c-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jx-conta .jx-c-in{display:none}
html.jx-logado .jx-conta .jx-c-in{display:inline}
html.jx-logado .jx-conta .jx-c-out{display:none}
@media (max-width:1180px){
  .topnav a.jx-conta{width:auto;height:auto;border:0;background:none;justify-content:flex-start;gap:10px;padding:12px 14px;border-radius:10px;color:#F2EFE8}
  .jx-conta .jx-c-t{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}

/* lista de turmas */
.gj-list{display:grid;gap:18px}
.gj-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;border-radius:24px;overflow:hidden}
@media (max-width:860px){.gj-card{grid-template-columns:1fr}}
.gj-main{padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.gj-date{font:700 14px/1.3 var(--body);letter-spacing:2px;text-transform:uppercase;color:var(--orange-2);margin-top:4px}
.gj-card h3{font-size:clamp(30px,3.4vw,40px)}
.gj-sum{color:var(--fg);font-weight:600}
.gj-desc{color:var(--fg-2);font-size:16px}
.gj-price{font:800 24px/1.1 var(--display);text-transform:uppercase;color:var(--gold)}
.gj-bar{width:100%;display:grid;gap:8px;margin-top:4px}
.gj-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;font-size:14px;color:var(--fg-2)}
.gj-meta b{color:var(--fg)}
.gj-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.gj-ctas .btn{min-height:46px;padding:10px 20px;font-size:15px}
.gj-side{padding:clamp(20px,3vw,30px);border-left:1px solid var(--glass-line);background:rgba(255,255,255,.03)}
@media (max-width:860px){.gj-side{border-left:0;border-top:1px solid var(--glass-line)}}
.gj-side h4{font-size:22px;margin-bottom:12px}
.gj-who{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gj-who li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--fg-2)}
.gj-who b{color:var(--fg)}
.gj-who small{display:block;font-size:13px;color:var(--fg-2);opacity:.85}
.gj-av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,133,17,.16);color:var(--orange);font:800 17px var(--display)}
.gj-nobody,.gj-muted{color:var(--fg-2);font-size:15px}
.gj-loading{color:var(--fg-2);padding:24px 0}
.gj-empty{border-radius:24px;padding:clamp(22px,4vw,36px);display:grid;gap:12px;justify-items:start}
.gj-empty h3{font-size:clamp(28px,3vw,36px)}
.gj-empty p{color:var(--fg-2);max-width:60ch}
.btn svg{width:20px;height:20px}
.gj-more{margin-top:18px}

/* minha conta */
.gj-wrap{max-width:900px}
.gj-login{border-radius:26px;padding:clamp(24px,4vw,40px);display:grid;gap:16px;justify-items:start}
.gj-login h2{font-size:clamp(34px,5vw,52px)}
.gj-google{background:#fff;color:#1F1F1F;border:1px solid #DADCE0;font-weight:600}
.gj-google:hover{background:#F6F8FA}
.gj-google svg{width:22px;height:22px}
.gj-priv{list-style:none;margin:8px 0 0;padding:16px 0 0;border-top:1px solid var(--glass-line);display:grid;gap:10px;color:var(--fg-2);font-size:15px}
.gj-priv b{color:var(--fg)}
.gj-err{color:#C0392B;font-weight:600}
.gj-userbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:22px;color:var(--fg-2);font-size:15px}
.gj-userbar b{color:var(--fg)}
.gj-ub-btns{display:flex;gap:8px;flex-wrap:wrap}
.gj-ub-btns .btn{min-height:42px;padding:8px 16px;font-size:14px}
.gj-ask{border-radius:22px;padding:22px 24px;display:grid;gap:8px;justify-items:start;margin-bottom:26px;border:1.5px solid var(--orange) !important}
.gj-ask h3{font-size:clamp(28px,3vw,36px)}
.gj-ask p{color:var(--fg-2)}
.gj-ok{color:#2E7D32 !important;font-weight:600}
.gj-block{margin-top:34px}
.gj-block>h2{font-size:clamp(30px,4vw,44px);margin-bottom:16px}
.gj-peds{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gj-peds li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;border-radius:16px;padding:14px 18px}
.gj-peds b{display:block;font-size:17px}
.gj-peds small{color:var(--fg-2);font-size:14px}
.gj-peds em{font-style:normal;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(255,133,17,.14);color:#9A4A0A}
.gj-peds em.st-aprovada{background:rgba(46,125,50,.14);color:#2E7D32}
.gj-peds em.st-recusada{background:rgba(120,120,120,.16);color:#6A665C}
.gj-team{border-radius:24px;padding:clamp(20px,3vw,28px);display:grid;gap:14px;justify-items:start}
.gj-team h3{font-size:clamp(28px,3vw,38px)}
.gj-mates{list-style:none;margin:0;padding:0;display:grid;gap:12px;width:100%}
.gj-mates li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--glass-line)}
.gj-mates b{display:block;font-size:17px}
.gj-mates small{display:block;color:var(--fg-2);font-size:14px}
.gj-mates p{margin-top:6px;color:var(--fg-2);font-size:15px}
.gj-ph{flex:none;width:52px;height:52px;border-radius:50%;background:#2C3A2F center/cover no-repeat;color:#F2EFE8;display:grid;place-items:center;font:800 22px var(--display)}
.gj-ph.big{width:84px;height:84px;border:2px solid var(--glass-line)}
.gj-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.gj-chips i{font-style:normal;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(255,133,17,.12);color:var(--orange-2)}
.gj-form{border-radius:24px;padding:clamp(20px,3vw,30px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:640px){.gj-form{grid-template-columns:1fr}}
.gj-form .full{grid-column:1/-1}
.gj-form h3{font-size:24px;margin-top:10px;padding-top:16px;border-top:1px solid var(--glass-line)}
.gj-form h3:first-child{margin-top:0;padding-top:0;border-top:0}
.gj-form .flabel{display:block;margin-bottom:4px}
.gj-photo{flex-direction:row !important;align-items:center;gap:16px !important}
.gj-photo b{display:block}
.gj-photo small{display:block;color:var(--fg-2);font-size:14px;margin-bottom:8px}
.gj-up{min-height:42px;padding:8px 16px;font-size:14px;cursor:pointer}
.gj-chipset{display:flex;flex-wrap:wrap;gap:8px}
.gj-chip{min-height:42px;padding:8px 16px;border-radius:999px;border:1px solid var(--glass-line);background:transparent;color:var(--fg);font:600 15px var(--body);cursor:pointer}
.gj-chip[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#12130F}
.gj-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--fg-2);cursor:pointer}
.gj-check input{flex:none;width:22px;height:22px;min-height:0;margin-top:2px;accent-color:var(--orange)}
.gj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
@media (max-width:760px){.gj-grid{grid-template-columns:1fr}}
.gj-save{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.gj-hint{color:var(--fg-2);font-size:14px}
.gj-erase{margin-top:22px;display:grid;gap:10px;justify-items:start}
.gj-del{border:1.5px solid #C0392B;color:#C0392B;background:transparent;min-height:44px;padding:9px 18px;font-size:15px}
.gj-del.armed{background:#C0392B;color:#fff}
.claro .seg label{background:#fff;border-color:#D6CFC0;color:#1A1B16}
.claro .seg label:has(input:checked){border-color:var(--orange);background:rgba(255,133,17,.12)}
.claro .gj-chip{border-color:#D6CFC0;background:#fff}
.claro .gj-side{background:#FAF8F3}
.claro .gj-chips i{color:#9A4A0A}
.claro .gj-ph{background-color:#3A4A3E}
#toast.bad{border-color:#A04A2A;background:rgba(58,30,20,.92)}
.gj-steps .step::before{color:var(--orange-dark)}
.why.why-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.why.why-3{grid-template-columns:1fr}}
.claro .gj-chip[aria-pressed="true"],.gj-chip[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#12130F}
.gj-form .seg input,.gj-check input{-webkit-appearance:auto;appearance:auto;width:18px;height:18px;min-height:0;padding:0;margin:0;border-radius:0;background:none;accent-color:var(--orange);flex:none}
.gj-check input{width:22px;height:22px;margin-top:2px}
#grupos .sec-head h1{font-size:clamp(44px,6.4vw,80px)}
.claro,.manso{color-scheme:light}
/* turma só de mulheres: selo rosa e o cartão fica rosa ao passar o mouse */
.gj-tags{display:flex;flex-wrap:wrap;gap:8px}
.gj-fem-tag{color:#FF8DB6;background:rgba(232,85,139,.14);border-color:rgba(232,85,139,.45)}
.claro .gj-fem-tag{color:#B8245E;background:rgba(232,85,139,.1);border-color:rgba(232,85,139,.4)}
.gj-card{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.gj-card .pbar i,.gj-card .btn-hot,.gj-price,.gj-date,.gj-av{transition:background .35s ease,color .35s ease}
.gj-fem:hover,.gj-fem:focus-within{background:linear-gradient(135deg,rgba(232,85,139,.32),rgba(150,40,90,.2));border-color:#E8558B;box-shadow:0 0 0 1px #E8558B,0 24px 60px rgba(232,85,139,.25)}
.gj-fem:hover .gj-side,.gj-fem:focus-within .gj-side{border-color:rgba(232,85,139,.45);background:rgba(232,85,139,.08)}
.gj-fem:hover .gj-price,.gj-fem:hover .gj-date,.gj-fem:focus-within .gj-price,.gj-fem:focus-within .gj-date{color:#FF8DB6}
.gj-fem:hover .pbar i,.gj-fem:focus-within .pbar i{background:#E8558B}
.gj-fem:hover .btn-hot,.gj-fem:focus-within .btn-hot{background:#FF6FA5;color:#12130F}
.gj-fem:hover .gj-av,.gj-fem:focus-within .gj-av{background:rgba(232,85,139,.22);color:#FF8DB6}
.claro .gj-fem:hover,.claro .gj-fem:focus-within{background:#FFE6F0;border-color:#E8558B}
.claro .gj-fem:hover .gj-side,.claro .gj-fem:focus-within .gj-side{background:#FFF2F7}
.claro .gj-fem:hover .gj-price,.claro .gj-fem:hover .gj-date,.claro .gj-fem:focus-within .gj-price,.claro .gj-fem:focus-within .gj-date{color:#B8245E}
.claro .gj-fem:hover .gj-av,.claro .gj-fem:focus-within .gj-av{color:#B8245E}
@media (prefers-reduced-motion:reduce){.gj-card,.gj-card *{transition:none!important}}
/* passo a passo das licenças de pesca (Antes de viajar) */
.lic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:900px){.lic-grid{grid-template-columns:1fr}}
.lic{border-radius:24px;padding:clamp(20px,3vw,28px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.lic h3{font-size:clamp(28px,3vw,36px)}
.lic-sub{color:var(--fg-2);margin-top:-6px}
.lic-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0;width:100%}
@media (max-width:520px){.lic-facts{grid-template-columns:1fr}}
.lic-facts div{border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid var(--glass-line)}
.lic-facts dt{font:700 12px var(--body);letter-spacing:1.5px;text-transform:uppercase;color:var(--orange-2)}
.lic-facts dd{margin:4px 0 0;font-size:15px;color:var(--fg)}
.lic-steps{list-style:none;counter-reset:l;margin:4px 0;padding:0;display:grid;gap:10px}
.lic-steps li{counter-increment:l;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:var(--fg-2);font-size:16px}
.lic-steps li::before{content:counter(l);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,133,17,.14);color:var(--orange);font:800 17px var(--display)}
.lic-steps b,.lic-iso b{color:var(--fg)}
.lic-iso{font-size:15px;color:var(--fg-2);padding:10px 14px;border-radius:12px;border:1px dashed var(--glass-line);width:100%}
.lic .btn{margin-top:auto}
.lic .btn svg{width:18px;height:18px}
.lic-foot{margin-top:18px;border-radius:22px;padding:clamp(20px,3vw,28px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:center}
@media (max-width:860px){.lic-foot{grid-template-columns:1fr}}
.lic-foot h3{font-size:26px;margin-bottom:12px}
.lic-foot .check{grid-template-columns:1fr}
.lic-help{display:grid;gap:12px;justify-items:start}
.lic-help p{font-weight:600}
.lic-jump{margin-top:12px;min-height:44px;padding:9px 18px;font-size:15px}
/* day use: itens não inclusos e pacote extra no Lago do Manso */
.dayuse .box li.du-no svg{color:#9A9384}
.dayuse .box li.du-no{color:var(--fg-2)}
.du-drink{margin-top:12px;padding:10px 14px;border-radius:12px;border:1px dashed var(--glass-line);color:var(--fg-2);font-size:15px}
@media (min-width:1000px){.packs:has(.du-pack){grid-template-columns:repeat(3,minmax(0,1fr))}}
.du-pack{border:1.5px solid var(--orange)}
.pack-foot small.pp{display:block;margin-top:2px}
.mc-preco{margin-top:12px;padding:10px 14px;border-radius:12px;background:#FFF4E8;border:1px solid rgba(184,86,10,.35);font-size:15px;color:#3A3933}

/* Minha conta: lista de espera, aceite, sua viagem, avaliação */
.gj-peds em.st-espera{background:rgba(30,110,160,.12);color:#1E5F86}
.gj-acc{margin:12px 0}
.gj-acc a{color:#9A4A0A}
.gj-trip dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px 18px;margin:14px 0 4px}
.gj-trip dt{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#9A4A0A}
.gj-trip dd{margin:2px 0 0;font-size:16px;font-weight:600}
.gj-trip h4,.gj-rev h4{margin:16px 0 6px;font:800 18px var(--display);text-transform:uppercase}
.gj-lic{display:inline-block;font-style:normal;font-size:13px;font-weight:700;padding:4px 11px;border-radius:999px;background:rgba(255,133,17,.14);color:#9A4A0A;margin:2px 4px 2px 0}
.gj-lic.ok{background:rgba(46,125,50,.14);color:#2E7D32}
.gj-pay em{font-style:normal;font-weight:700}.gj-pay .ok,.gj-pay em.ok{color:#2E7D32}.gj-pay em.no{color:#9A4A0A}
.gj-rev{display:grid;gap:12px}
.gj-stars{display:flex;gap:4px}
.gj-stars button{width:46px;height:46px;border:0;background:transparent;font-size:32px;line-height:1;color:rgba(0,0,0,.18);cursor:pointer;border-radius:10px;transition:transform .15s,color .15s}
.gj-stars button.on{color:var(--orange)}
.gj-stars button:hover{transform:scale(1.12)}
.gj-stars button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.gj-thumbs{display:flex;flex-wrap:wrap;gap:10px}
.gj-th{position:relative;width:92px;height:92px;border-radius:14px;background:rgba(255,255,255,.06) center/cover no-repeat;border:1px solid var(--glass-line)}
.gj-th button{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:0;background:#12130F;color:#fff;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.gj-add{display:grid;place-items:center;font-size:34px;color:#9A4A0A;cursor:pointer;border-style:dashed}
.gj-add:hover{border-color:var(--orange)}
@media (prefers-reduced-motion:reduce){.gj-stars button{transition:none}}
.gj-trip,.gj-rev{border-radius:24px;padding:clamp(20px,3vw,28px)}
.gj-trip h3,.gj-rev h3{font-size:clamp(28px,3vw,38px)}
.gj-trip dl{width:100%}
