/* ==========================================================================
   Torneio de Malha — Torrão do Lameiro, Ovar
   Paleta viva: verde-relva + laranja-sol + amarelo. Contrastes verificados
   contra WCAG AA — o texto sobre laranja é escuro (--sobre-laranja), porque
   branco sobre laranja vivo só dá 3:1.
   ========================================================================== */
:root{
  --verde-campo:#116B42;     /* nav, hero, formulários            creme 6.4:1 */
  --verde-escuro:#0C5335;    /* footer                            creme 7.5:1 */
  --verde-vivo:#22A567;      /* acentos decorativos                          */
  --terracota:#FF7A29;       /* laranja-sol: CTA                  tinta 6.7:1 */
  --laranja-hover:#FF9147;   /* hover dos CTA                                */
  --terracota-escuro:#B8430E;/* laranja p/ TEXTO sobre creme      creme 5.3:1 */
  --sobre-laranja:#2B1405;   /* texto por cima de laranja/amarelo            */
  --areia:#FFD75E;           /* amarelo-sol sobre verde           verde 4.7:1 */
  --amarelo-claro:#FFE9A8;
  --azul:#16769F;            /* acento frio                       creme 5.0:1 */
  --marfim:#FFFCF5;
  --tinta:#17241D;
  --linha:#2E8A5C;           /* bordas dentro das áreas verdes               */
  --linha-clara:#EDE3D0;     /* bordas em fundo claro                        */
  --cinza:#4F6B5C;           /* texto secundário sobre creme      creme 5.7:1 */
  --suave:#C6E6D3;           /* texto secundário sobre verde      verde 4.9:1 */
  --hint:#A9D4BC;            /* placeholders e notas ténues                  */
  --sombra:0 10px 30px rgba(17,107,66,.16);
  --sombra-suave:0 4px 18px rgba(17,107,66,.08);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Work Sans',sans-serif;color:var(--tinta);background:var(--marfim);line-height:1.5;}
h1,h2,h3,.num{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;}
a{color:inherit;text-decoration:none;}
img,svg{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;border:none;}
.container{max-width:1120px;margin:0 auto;padding:0 24px;}
:focus-visible{outline:3px solid var(--terracota);outline-offset:3px;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:50;background:var(--verde-campo);}
.nav::after{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--terracota) 0 25%,var(--areia) 25% 50%,var(--verde-vivo) 50% 75%,var(--azul) 75% 100%);}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{display:flex;align-items:center;gap:10px;color:var(--marfim);}
.brand-mark{width:34px;height:34px;flex-shrink:0;}
.brand-text{font-family:'Oswald',sans-serif;font-size:1.05rem;letter-spacing:.03em;text-transform:uppercase;line-height:1.1;}
.brand-text span{display:block;font-size:.65rem;color:var(--areia);letter-spacing:.12em;font-weight:400;font-family:'Work Sans',sans-serif;text-transform:uppercase;}
.nav-links{display:flex;gap:32px;}
.nav-links a{color:var(--suave);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 2px;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;}
.nav-links a:hover{color:var(--areia);border-color:var(--areia);}
.nav-cta{background:var(--terracota);color:var(--sobre-laranja);padding:10px 20px;font-weight:700;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;border-radius:40px;transition:background .2s,transform .15s;}
.nav-cta:hover{background:var(--laranja-hover);transform:translateY(-1px);}
@media(max-width:860px){.nav-links{display:none;}}

/* ---------- HERO ---------- */
.hero{
  background:
    radial-gradient(ellipse at 88% -15%, rgba(255,215,94,.30), transparent 55%),
    radial-gradient(ellipse at 5% 110%, rgba(34,165,103,.35), transparent 50%),
    var(--verde-campo);
  color:var(--marfim);padding:76px 0 64px;position:relative;overflow:hidden;
}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--areia);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--terracota);}
.hero h1{font-size:clamp(2.4rem,5.2vw,3.6rem);line-height:1.02;font-weight:700;margin-bottom:18px;}
.hero h1 em{font-style:normal;color:var(--areia);}
.hero p{max-width:46ch;color:var(--suave);font-size:1.05rem;margin-bottom:30px;}
.hero p strong{color:var(--amarelo-claro);}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;font-weight:700;font-size:.9rem;letter-spacing:.03em;text-transform:uppercase;border-radius:40px;transition:transform .15s,background .2s;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--terracota);color:var(--sobre-laranja);box-shadow:0 6px 16px rgba(255,122,41,.32);}
.btn-primary:hover{background:var(--laranja-hover);}
.btn-outline{background:transparent;color:var(--marfim);border:2px solid var(--areia);}
.btn-outline:hover{background:var(--areia);color:var(--sobre-laranja);}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap;}
.hero-stats div{border-left:3px solid var(--areia);padding-left:12px;}
.hero-stats div:nth-child(2){border-color:var(--terracota);}
.hero-stats div:nth-child(3){border-color:var(--verde-vivo);}
.hero-stats div:nth-child(4){border-color:var(--azul);}
.hero-stats .num{font-size:1.7rem;font-weight:600;color:var(--marfim);display:block;line-height:1;}
.hero-stats .lbl{font-size:.75rem;color:var(--areia);text-transform:uppercase;letter-spacing:.06em;}

.court{aspect-ratio:4/5;background:linear-gradient(160deg,#FFE9A8,#FFD75E);border-radius:10px;position:relative;overflow:hidden;box-shadow:var(--sombra);
  background-image:repeating-linear-gradient(90deg, rgba(43,20,5,.05) 0 1px, transparent 1px 22px),linear-gradient(160deg,#FFE9A8,#FFD75E);}
.court::before{content:"";position:absolute;inset:14px;border:2px dashed rgba(43,20,5,.30);border-radius:6px;}
.peg{position:absolute;left:50%;top:16%;transform:translateX(-50%);width:14px;height:14px;background:var(--terracota-escuro);border-radius:50%;box-shadow:0 0 0 6px rgba(184,67,14,.16);}
.throw-line{position:absolute;left:14px;right:14px;bottom:22%;border-top:3px dashed var(--terracota-escuro);opacity:.55;}
.court-label{position:absolute;bottom:14px;left:14px;right:14px;background:var(--verde-campo);color:var(--marfim);padding:10px 12px;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;}

/* ---------- STEPS ---------- */
.steps{background:var(--marfim);padding:56px 0 8px;}
.steps-track{display:flex;align-items:flex-start;justify-content:space-between;position:relative;gap:8px;}
.steps-track::before{content:"";position:absolute;top:19px;left:5%;right:5%;height:0;border-top:3px dotted var(--areia);z-index:0;}
.step{position:relative;z-index:1;flex:1;text-align:center;padding:0 8px;}
.step .dot{width:42px;height:42px;border-radius:50%;background:var(--marfim);border:3px solid var(--linha-clara);color:var(--cinza);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;margin:0 auto 12px;transition:transform .2s;}
.step:nth-child(1).is-active .dot{background:var(--terracota);border-color:var(--terracota);color:var(--sobre-laranja);}
.step:nth-child(2).is-active .dot{background:var(--areia);border-color:var(--areia);color:var(--sobre-laranja);}
.step:nth-child(3).is-active .dot{background:var(--verde-vivo);border-color:var(--verde-vivo);color:#062E1C;}
.step:nth-child(4).is-active .dot{background:var(--azul);border-color:var(--azul);color:#fff;}
.step h3{font-size:.85rem;letter-spacing:.03em;margin-bottom:4px;}
.step p{font-size:.8rem;color:var(--cinza);max-width:20ch;margin:0 auto;}
@media(max-width:700px){.steps-track{flex-direction:column;gap:24px;}.steps-track::before{display:none;}.step{text-align:left;display:flex;gap:14px;align-items:flex-start;}.step .dot{margin:0;flex-shrink:0;}.step p{margin:0;}}

/* ---------- SECÇÕES ---------- */
section{padding:64px 0;}
.sec-head{max-width:60ch;margin-bottom:36px;}
.sec-head .eyebrow{color:var(--terracota-escuro);}
.sec-head .eyebrow::before{background:var(--verde-vivo);}
.sec-head h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--verde-campo);}
.sec-head p{color:var(--cinza);margin-top:10px;}
.sec-head p strong{color:var(--tinta);}

/* ---------- TABS ---------- */
.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
.tab{background:#fff;border:2px solid var(--linha-clara);color:var(--cinza);padding:11px 20px;border-radius:40px;font-weight:700;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;transition:all .15s;}
.tab:hover{border-color:var(--areia);color:var(--terracota-escuro);}
.tab.is-active{background:var(--verde-campo);border-color:var(--verde-campo);color:var(--marfim);}

/* ---------- FORM ---------- */
.form-wrap{background:var(--verde-campo);color:var(--marfim);border-radius:14px;padding:44px;box-shadow:var(--sombra);}
@media(max-width:640px){.form-wrap{padding:24px;border-radius:10px;}}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media(max-width:640px){.form-grid{grid-template-columns:1fr;}}
.field{display:flex;flex-direction:column;gap:6px;}
.field.full{grid-column:1/-1;}
.field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--areia);font-weight:600;}
.field label .opcional{color:var(--hint);text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:400;}
.field input,.field select,.field textarea{background:rgba(255,252,245,.08);border:1.5px solid var(--linha);color:var(--marfim);padding:12px 14px;border-radius:8px;font-size:.95rem;font-family:inherit;width:100%;transition:border-color .15s,background .15s;}
.field textarea{resize:vertical;min-height:70px;}
.field input::placeholder,.field textarea::placeholder{color:var(--hint);}
.field input:focus,.field select:focus,.field textarea:focus{background:rgba(255,252,245,.14);border-color:var(--areia);outline:none;}
.field.tem-erro input,.field.tem-erro textarea{border-color:#FF9147;}
.erro-campo{font-size:.75rem;color:#FFD0BC;min-height:0;}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;}

/* checkbox de almoço por jogador */
.check{display:flex;align-items:center;gap:10px;border:1.5px solid var(--linha);border-radius:8px;padding:11px 14px;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;}
.check:hover{border-color:var(--areia);background:rgba(255,252,245,.05);}
.check input{position:absolute;opacity:0;width:0;height:0;}
.check .caixa{width:22px;height:22px;border-radius:6px;border:2px solid var(--areia);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.check .caixa::after{content:"";width:10px;height:6px;border-left:2.5px solid var(--sobre-laranja);border-bottom:2.5px solid var(--sobre-laranja);transform:rotate(-45deg) scale(0);transition:transform .15s;margin-top:-3px;}
.check input:checked ~ .caixa{background:var(--areia);border-color:var(--areia);}
.check input:checked ~ .caixa::after{transform:rotate(-45deg) scale(1);}
.check input:focus-visible ~ .caixa{outline:3px solid var(--areia);outline-offset:2px;}
.check .txt{font-size:.88rem;}
.check .txt small{display:block;font-size:.75rem;color:var(--hint);}
.check.desligado{opacity:.6;}

.qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--linha);border-radius:8px;padding:10px 14px;}
.qty-row.bloqueado{opacity:.45;pointer-events:none;}
.qty-hint{font-size:.78rem;color:var(--suave);}
.qty-ctrl{display:flex;align-items:center;gap:14px;}
.qty-btn{width:32px;height:32px;border-radius:50%;background:var(--areia);color:var(--sobre-laranja);font-size:1.2rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;}
.qty-btn:hover{background:var(--terracota);transform:scale(1.08);}
.qty-val{font-family:'Oswald',sans-serif;font-size:1.2rem;min-width:22px;text-align:center;color:var(--amarelo-claro);}

.total-row{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding-top:20px;border-top:2px dotted var(--linha);}
.total-lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--areia);font-weight:600;}
.total-val{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:var(--amarelo-claro);}
.total-detalhe{font-size:.75rem;color:var(--suave);text-align:right;margin-top:2px;}
.submit-btn{width:100%;margin-top:20px;background:var(--terracota);color:var(--sobre-laranja);padding:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:40px;font-size:1rem;transition:background .2s,transform .15s;box-shadow:0 6px 16px rgba(255,122,41,.28);}
.submit-btn:hover:not(:disabled){background:var(--laranja-hover);transform:translateY(-2px);}
.submit-btn:disabled{opacity:.6;cursor:not-allowed;}
.form-note{font-size:.75rem;color:var(--suave);margin-top:12px;text-align:center;line-height:1.55;}
.alerta{display:none;margin-top:18px;padding:12px 16px;border-radius:8px;font-size:.88rem;background:rgba(255,145,71,.18);border:1.5px solid #FF9147;color:#FFE0D2;}
.alerta.visivel{display:block;}

/* ---------- CARDS DE INFORMAÇÃO ---------- */
.pag-card{background:rgba(255,252,245,.07);border:1.5px solid var(--linha);border-left:4px solid var(--areia);border-radius:8px;padding:16px 18px;}
.pag-card:nth-child(2n){border-left-color:var(--terracota);}
.pag-card:nth-child(3n){border-left-color:var(--verde-vivo);}
.pag-card h4{font-family:'Oswald',sans-serif;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;color:var(--areia);margin-bottom:6px;}
.pag-card p{font-size:.86rem;color:var(--suave);line-height:1.55;}

/* ---------- MAPA / COMO CHEGAR ---------- */
.mapa-card{grid-column:1/-1;background:rgba(255,252,245,.07);border:1.5px solid var(--linha);border-radius:10px;overflow:hidden;}
.mapa-corpo{display:grid;grid-template-columns:1fr 1.1fr;gap:0;}
@media(max-width:760px){.mapa-corpo{grid-template-columns:1fr;}}
.mapa-info{padding:20px 22px;}
.mapa-info h4{font-family:'Oswald',sans-serif;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;color:var(--areia);margin-bottom:8px;}
.mapa-info p{font-size:.86rem;color:var(--suave);line-height:1.55;margin-bottom:6px;}
.mapa-coords{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.05em;color:var(--hint);}
.mapa-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.btn-mapa{display:inline-flex;align-items:center;gap:8px;background:var(--terracota);color:var(--sobre-laranja);padding:11px 18px;border-radius:40px;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:background .2s,transform .15s;}
.btn-mapa:hover{background:var(--laranja-hover);transform:translateY(-1px);}
.btn-mapa.secundario{background:transparent;border:2px solid var(--areia);color:var(--areia);}
.btn-mapa.secundario:hover{background:var(--areia);color:var(--sobre-laranja);}
.mapa-frame{min-height:240px;background:var(--verde-escuro);border-left:1.5px solid var(--linha);}
@media(max-width:760px){.mapa-frame{border-left:none;border-top:1.5px solid var(--linha);min-height:220px;}}
.mapa-frame iframe{width:100%;height:100%;min-height:240px;border:0;display:block;}

/* ---------- LISTA DE INSCRITAS ---------- */
.table-wrap{background:#fff;border:1.5px solid var(--linha-clara);border-radius:12px;overflow:hidden;box-shadow:var(--sombra-suave);}
.table-scroll{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:.88rem;}
thead th{background:var(--verde-campo);color:var(--areia);text-align:left;padding:14px 16px;font-family:'Oswald',sans-serif;font-weight:500;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
thead th.num-col,td.num-col{text-align:center;}
tbody td{padding:13px 16px;border-top:1px solid #F3EEE2;vertical-align:middle;}
tbody tr:nth-child(even){background:#FDFBF6;}
tbody tr:hover{background:#FFF6E6;}
.pos{font-family:'Oswald',sans-serif;font-weight:700;color:var(--verde-campo);}
.equipa-cell{font-weight:600;}
.jogadores-cell{color:var(--cinza);}
.cod-cell{font-family:'Oswald',sans-serif;font-size:.8rem;color:var(--terracota-escuro);letter-spacing:.04em;}
.pts{font-family:'Oswald',sans-serif;font-weight:700;color:var(--terracota-escuro);font-size:1rem;}
.selo{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap;}
.selo-pago{background:#DFF3E6;color:#1F7A47;}
.selo-pendente{background:#FFE8D9;color:#A83D08;}
.vazio{padding:48px 24px;text-align:center;color:var(--cinza);}
.vazio strong{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--terracota-escuro);margin-bottom:6px;font-size:1.1rem;}
.lista-topo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;}
.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#1F7A47;background:#DFF3E6;padding:7px 14px;border-radius:20px;font-weight:700;}
.status-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--verde-vivo);}
.status-pill.fechado{color:#A83D08;background:#FFE8D9;}
.status-pill.fechado::before{background:var(--terracota);}

/* ---------- FOOTER ---------- */
footer{background:var(--verde-escuro);color:var(--suave);padding:44px 0 28px;border-top:4px solid var(--areia);}
.foot-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--linha);}
.foot-brand{display:flex;align-items:center;gap:10px;}
.foot-brand .brand-mark{width:28px;height:28px;}
.foot-links{display:flex;gap:28px;font-size:.82rem;flex-wrap:wrap;}
.foot-links a:hover{color:var(--areia);}
.foot-bottom{padding-top:20px;font-size:.75rem;color:var(--hint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}