/* =====================================================================
   DALLA COSTA INTERNATIONAL LAW — sistema visual
   Verde #214A3C · Ouro #C9A56C · Georgia (display) + Carlito (corpo)
   ===================================================================== */
:root{
  --green:#214A3C; --green-deep:#18382E; --night:#0E211C; --night-2:#091713;
  --gold:#C9A56C; --gold-soft:#DCBD86; --gold-deep:#A8884A;
  --cream:#F4F0E7; --paper:#FBFAF6; --paper-2:#F1ECE0;
  --ink:#19271F; --ink-soft:#3C4D44;
  --muted-d:#A8BCB2; --muted-l:#5E6F67;
  --line-gold:rgba(201,165,108,.32); --line-dark:rgba(25,39,31,.12);
  --display:Georgia,'Times New Roman',serif;
  --body:'Carlito','Calibri',system-ui,-apple-system,sans-serif;
  --maxw:1180px; --pad:30px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--gold);color:var(--night)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}

/* ---------- TYPE ---------- */
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.4px;line-height:1.1}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.7rem;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep)}
.eyebrow::before{content:"";width:30px;height:6px;flex:none;
  background:radial-gradient(circle at 0 50%,transparent 49%,var(--gold) 50%) left/12px 12px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 14px 50%/16px 1px no-repeat}
.eyebrow.on-dark{color:var(--gold)}
.lede{font-size:1.12rem;color:var(--ink-soft)}
.lede.on-dark{color:#D5E0DA}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:2px;
  font-family:var(--body);font-size:.92rem;font-weight:700;letter-spacing:.01em;
  border:1px solid transparent;cursor:pointer;transition:transform .15s,background .2s,color .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--night)}
.btn-gold:hover{background:var(--gold-soft)}
.btn-dark{background:var(--green);color:var(--cream)}
.btn-dark:hover{background:var(--green-deep)}
.btn-ghost{border-color:rgba(245,242,234,.35);color:var(--cream)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-ghost-d{border-color:var(--line-gold);color:var(--green)}
.btn-ghost-d:hover{border-color:var(--gold);color:var(--gold-deep)}
.btn-row{display:flex;flex-wrap:wrap;gap:13px}

/* ---------- NAV ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .35s,backdrop-filter .35s,box-shadow .35s}
.nav.solid{background:rgba(14,33,28,.94);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line-gold)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:38px;height:auto}
.brand .wm{font-family:var(--display);font-style:italic;color:var(--cream);font-size:1.12rem;line-height:1}
.brand .wm small{display:block;font-family:var(--body);font-style:normal;font-size:.54rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:3px}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{color:var(--cream);font-size:.84rem;letter-spacing:.02em;opacity:.86;transition:opacity .2s,color .2s}
.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--gold)}
.nav-cta{border:1px solid var(--gold);color:var(--gold)!important;padding:8px 16px;border-radius:2px;opacity:1!important;font-weight:700}
.nav-cta:hover{background:var(--gold);color:var(--night)!important}
.menu-btn{display:none;background:none;border:0;color:var(--cream);cursor:pointer;padding:6px}
.mobile-menu{display:none}

/* ---------- HERO (home) ---------- */
.hero{position:relative;background:var(--night);color:var(--cream);min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(110% 80% at 80% 40%,rgba(33,74,60,.5),transparent 60%);pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;width:100%;padding:120px 0 80px}
.hero h1{font-size:clamp(2.3rem,4.7vw,3.75rem);margin:24px 0 22px}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero .lede{max-width:40ch;margin-bottom:34px}
.hero-media{position:relative;justify-self:center}
.hero-media video{width:min(420px,86vw);aspect-ratio:9/14;object-fit:cover;
  -webkit-mask-image:radial-gradient(125% 96% at 50% 40%,#000 56%,transparent 100%);
          mask-image:radial-gradient(125% 96% at 50% 40%,#000 56%,transparent 100%)}

/* ---------- INNER HERO ---------- */
.ihero{position:relative;background:var(--night);color:var(--cream);padding:150px 0 76px;overflow:hidden}
.ihero::after{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,165,108,.12),transparent 68%);pointer-events:none}
.ihero h1{font-size:clamp(2.1rem,4.3vw,3.4rem);margin:22px 0 20px;max-width:18ch}
.ihero h1 em{font-style:italic;color:var(--gold)}
.ihero .lede{max-width:54ch}
.ihero.with-photo .ihero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.ihero-portrait{justify-self:end;width:min(330px,80%);aspect-ratio:4/5;object-fit:cover;border-radius:4px;border:1px solid var(--line-gold)}

/* ---------- SECTIONS ---------- */
section{position:relative}
.s-pad{padding:96px 0}
.s-pad-sm{padding:72px 0}
.bg-paper{background:var(--paper)}
.bg-cream{background:var(--cream)}
.bg-green{background:var(--green);color:var(--cream)}
.bg-night{background:var(--night);color:var(--cream)}
.sec-head{max-width:60ch;margin-bottom:48px}
.sec-head h2{font-size:clamp(1.8rem,3.6vw,2.7rem);margin-top:16px}
.sec-head h2 em{font-style:italic;color:var(--gold-deep)}
.bg-green .sec-head h2 em,.bg-night .sec-head h2 em{color:var(--gold)}
.prose p{margin-bottom:18px;max-width:64ch}
.prose p:last-child{margin-bottom:0}

/* ---------- TWO FRONTS (home) ---------- */
.fronts{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.front{position:relative;border:1px solid var(--line-gold);border-radius:5px;padding:38px 34px;background:var(--paper);
  transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.front:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(25,39,31,.10)}
.front .k{font-family:var(--display);font-style:italic;color:var(--gold-deep);font-size:1rem;margin-bottom:14px}
.front h3{font-size:1.65rem;margin-bottom:12px}
.front p{color:var(--ink-soft);margin-bottom:20px}
.front ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.front li{font-size:.8rem;letter-spacing:.02em;border:1px solid var(--line-gold);color:var(--ink-soft);
  padding:5px 11px;border-radius:30px}
.front .go{margin-top:auto;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:8px}
.front:hover .go{color:var(--gold-deep)}
.front .go::after{content:"→";transition:transform .2s}
.front:hover .go::after{transform:translateX(4px)}

/* ---------- SERVICE / COUNTRY BLOCKS ---------- */
.blocks{display:flex;flex-direction:column;gap:1px;background:var(--line-gold);border:1px solid var(--line-gold);border-radius:5px;overflow:hidden}
.block{background:var(--paper);padding:34px 36px;display:grid;grid-template-columns:200px 1fr;gap:28px}
.bg-green .blocks{background:rgba(201,165,108,.22);border-color:rgba(201,165,108,.22)}
.bg-green .block{background:var(--green)}
.block .b-label{font-family:var(--display)}
.block .b-tag{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);display:block;margin-bottom:8px}
.bg-green .block .b-tag{color:var(--gold)}
.block .b-name{font-size:1.5rem;font-style:italic}
.block .b-body p{margin-bottom:12px;color:var(--ink-soft)}
.bg-green .block .b-body p{color:#D7E1DB}
.block .b-body p:last-child{margin-bottom:0}
.block .b-for{font-size:.88rem;color:var(--muted-l);border-left:2px solid var(--gold);padding-left:12px;margin-top:14px}
.bg-green .block .b-for{color:var(--muted-d)}
.flag-note{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--night);background:var(--gold);padding:3px 10px;border-radius:30px;margin-bottom:10px}

/* ---------- PROCESS STEPS ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-gold);border:1px solid var(--line-gold);border-radius:5px;overflow:hidden}
.step{background:var(--paper);padding:30px 24px}
.bg-green .steps{background:rgba(201,165,108,.22)}
.bg-green .step{background:var(--green)}
.step .n{font-family:var(--display);font-style:italic;font-size:1.4rem;color:var(--gold-deep);margin-bottom:12px}
.bg-green .step .n{color:var(--gold)}
.step h4{font-family:var(--display);font-size:1.1rem;margin-bottom:8px}
.step p{font-size:.9rem;color:var(--ink-soft)}
.bg-green .step p{color:#D7E1DB}

/* ---------- QUOTE ---------- */
.quote{max-width:78ch;margin:0 auto;text-align:center}
.quote .mark{font-family:var(--display);font-size:3.4rem;color:var(--gold);line-height:.5;display:block;margin-bottom:18px}
.quote blockquote{font-family:var(--display);font-style:italic;font-size:clamp(1.35rem,2.7vw,1.9rem);line-height:1.42}
.bg-night .quote blockquote{color:var(--cream)}
.quote cite{display:block;margin-top:24px;font-family:var(--body);font-style:normal;font-size:.8rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* ---------- FIRM SPLIT ---------- */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.split.flip{grid-template-columns:1.1fr .9fr}
.split img{width:100%;border-radius:5px;border:1px solid var(--line-gold)}
.cred{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:12px}
.cred li{position:relative;padding-left:24px;color:var(--ink-soft)}
.bg-green .cred li,.bg-night .cred li{color:#D7E1DB}
.cred li::before{content:"◆";position:absolute;left:0;top:1px;color:var(--gold);font-size:.7rem}

/* ---------- CONTACT ---------- */
.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.channel{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid var(--line-gold);border-radius:5px}
.channel svg{width:22px;height:22px;flex:none;fill:var(--gold-deep)}
.bg-night .channel svg,.bg-green .channel svg{fill:var(--gold)}
.channel .c-k{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-l)}
.bg-night .channel .c-k{color:var(--muted-d)}
.channel .c-v{font-weight:700}
.forms{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:8px}
.form-card{border:1px solid var(--line-gold);border-radius:6px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}
.form-card .fc-head{padding:22px 24px;border-bottom:1px solid var(--line-gold)}
.form-card .fc-head .t{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--green)}
.form-card .fc-head .d{font-size:.88rem;color:var(--muted-l);margin-top:4px}
.form-card iframe{width:100%;height:560px;border:0;background:#fff}

/* ---------- CTA BAND ---------- */
.cta-band{text-align:center}
.cta-band h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:16px}
.cta-band h2 em{font-style:italic;color:var(--gold)}
.cta-band p{max-width:48ch;margin:0 auto 30px;color:#D5E0DA}
.cta-band .btn-row{justify-content:center}

/* ---------- FOOTER ---------- */
.foot{background:var(--night-2);color:var(--muted-d);padding:54px 0 30px}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:34px;border-bottom:1px solid var(--line-gold)}
.foot .f-brand img{width:46px;margin-bottom:16px}
.foot .f-brand .slogan{font-family:var(--display);font-style:italic;color:var(--cream);font-size:1.08rem;max-width:30ch}
.foot .f-brand .tag{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:10px}
.foot h5{font-family:var(--body);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.foot a:hover{color:var(--gold)}
.foot-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:22px;font-size:.76rem}

/* ---------- A11Y / MOTION ---------- */
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:30px;padding:110px 0 70px}
  .hero-media{order:-1}
  .ihero.with-photo .ihero-grid{grid-template-columns:1fr;gap:30px}
  .ihero-portrait{justify-self:start;width:min(280px,70%)}
  .fronts,.forms{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .split,.split.flip{grid-template-columns:1fr;gap:32px}
  .split .s-img{order:-1}
  .channels{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr 1fr}
  .block{grid-template-columns:1fr;gap:14px}
}
@media (max-width:680px){
  :root{--pad:22px}
  .nav-links{display:none}
  .menu-btn{display:block}
  .mobile-menu.open{display:block;position:fixed;inset:74px 0 auto 0;background:rgba(14,33,28,.98);
    backdrop-filter:blur(8px);padding:18px var(--pad) 26px;z-index:55;border-bottom:1px solid var(--line-gold)}
  .mobile-menu.open a{display:block;color:var(--cream);padding:13px 0;font-size:1.02rem;border-bottom:1px solid rgba(201,165,108,.14)}
  .mobile-menu.open a:last-child{border-bottom:0}
  .steps{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}
  .btn{width:100%;justify-content:center}
  .s-pad{padding:68px 0}
}

/* ---------- GLOBO GIRANDO (motivo da marca) ---------- */
.globe{position:absolute;pointer-events:none;z-index:0;opacity:.55}
.globe svg{width:100%;height:100%;display:block;overflow:visible}
.g-line{fill:none;stroke:var(--gold);stroke-width:.7;vector-effect:non-scaling-stroke}
.g-rim{fill:none;stroke:var(--gold);stroke-width:1;opacity:.85}
.g-dot{fill:var(--gold)}
.hero .globe{top:50%;right:-6%;width:min(560px,60vw);aspect-ratio:1;transform:translateY(-50%);opacity:.16}
.cta-band .globe{top:50%;left:50%;width:min(440px,90vw);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.14}
.cta-band .wrap{position:relative;z-index:2}
.ihero .globe{top:-12%;right:-10%;width:min(420px,55vw);aspect-ratio:1;opacity:.13}
.ihero .wrap{position:relative;z-index:2}

/* ---------- HERO DE VISTOS (foto recortada, sem moldura) ---------- */
.ihero.cut{padding-bottom:0;overflow:hidden}
.ihero.cut .ihero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;min-height:min(80vh,760px)}
.ihero.cut .cut-col{padding-top:10px}
.cut-img{justify-self:start;align-self:end;width:min(380px,92%);filter:drop-shadow(0 24px 50px rgba(0,0,0,.5));
  -webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
@media (max-width:920px){
  .ihero.cut .ihero-grid{grid-template-columns:1fr;gap:6px;min-height:0}
  .ihero.cut .cut-col{padding-bottom:0;order:-1}
  .cut-img{width:min(300px,72%)}
  .hero .globe{opacity:.1}
}

/* ---------- ROSTO FOCADO (firma) ---------- */
.face-photo{width:100%;max-width:430px;border-radius:6px;border:1px solid var(--line-gold)}

/* ---------- MANIFESTO (a firma) ---------- */
.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:6px}
.m-col{padding:30px 30px 26px;border:1px solid var(--line-gold);border-radius:6px;background:rgba(255,255,255,.03)}
.m-col.is{border-color:var(--gold)}
.m-col h4{font-family:var(--display);font-style:italic;color:var(--gold);font-size:1.35rem;margin-bottom:14px}
.m-col p{color:#D7E1DB;line-height:1.75;margin-bottom:12px}
.m-col p:last-child{margin-bottom:0}

/* ---------- CTA variante clara ---------- */
.cta-band.light h2{color:var(--green)}
.cta-band.light h2 em{color:var(--gold-deep)}
.cta-band.light p{color:var(--muted-l)}

/* ---------- FORMULÁRIOS lado a lado ---------- */
.form-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin-top:6px}

/* ---------- CANAIS (ajustes ícone/labels) ---------- */
.channel .ic{display:inline-flex;align-items:center;justify-content:center;color:var(--gold-deep);flex:none}
.channel .ic svg{width:22px;height:22px}
.channel .c-t{font-weight:700;color:var(--green)}
.channel .c-d{font-size:.9rem;color:var(--muted-l);margin-top:2px}
.channel.static{cursor:default}

@media (max-width:820px){
  .manifesto{grid-template-columns:1fr}
  .form-duo{grid-template-columns:1fr}
}

/* ---------- corrige corte da cabeça na foto do hero ---------- */
.ihero-portrait{object-position:top center}

/* ---------- vistos O / P / R (resumido) ---------- */
.sub-head{margin:52px 0 20px;text-align:center}
.sub-h3{font-family:var(--display);font-style:italic;color:var(--cream);font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:400}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tri-card{padding:24px;border:1px solid var(--line-gold);border-radius:6px;background:rgba(255,255,255,.03)}
.tri-name{display:block;font-family:var(--display);font-style:italic;color:var(--gold);font-size:1.25rem;margin-bottom:10px}
.tri-card p{color:#D7E1DB;line-height:1.6;font-size:.95rem;margin:0}

/* ---------- cidadania: cards de país com bandeiras ---------- */
.country-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.ccard{display:flex;gap:16px;align-items:flex-start;padding:22px;background:var(--paper);border:1px solid var(--line-dark);border-radius:8px}
.ccard.feat{grid-column:1/-1;border-color:var(--gold);background:linear-gradient(180deg,#fff, #FBF7EE)}
.flag{flex:none;width:48px;height:32px;border-radius:3px;overflow:hidden;border:1px solid rgba(0,0,0,.14);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.flag svg{display:block;width:100%;height:100%}
.cc-name{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--green);display:block;line-height:1.1}
.cc-tag{display:inline-block;margin:7px 0 9px;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-deep);border:1px solid var(--line-gold);border-radius:999px;padding:3px 11px}
.ccard p{font-size:.93rem;color:var(--muted-l);line-height:1.55;margin:0}
@media (max-width:760px){.tri{grid-template-columns:1fr}.country-grid{grid-template-columns:1fr}}

/* ---------- cidadania: vantagens estratégicas ---------- */
.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.adv{padding:28px;border:1px solid var(--line-gold);border-radius:8px;background:rgba(255,255,255,.03)}
.adv-ic{display:inline-flex;color:var(--gold)}
.adv-ic svg{width:30px;height:30px}
.adv h4{font-family:var(--display);font-style:italic;color:var(--gold-soft);font-size:1.3rem;margin:12px 0 8px;font-weight:400}
.adv p{color:#D7E1DB;line-height:1.65;margin:0}
/* ---------- cidadania: chips de países ---------- */
.flags-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.flags-row + .flags-row{margin-top:12px}
.fchip{display:inline-flex;align-items:center;gap:11px;padding:11px 18px;background:var(--paper);border:1px solid var(--line-dark);border-radius:999px}
.fchip .flag{width:34px;height:23px}
.fchip .fc-name{font-family:var(--display);font-style:italic;color:var(--green);font-size:1.08rem}
.fchip.feat{border-color:var(--gold);background:linear-gradient(180deg,#fff,#FBF7EE)}
.fc-badge{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-deep);border:1px solid var(--line-gold);border-radius:999px;padding:2px 9px}
@media (max-width:760px){.adv-grid{grid-template-columns:1fr}}

/* ---------- cidadania: países em cards com bandeiras em evidência ---------- */
.country-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.country-row + .country-row{margin-top:18px}
.fcard{display:flex;flex-direction:column;align-items:center;gap:14px;width:176px;padding:28px 18px;background:var(--paper);border:1px solid var(--line-dark);border-radius:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.fcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(25,39,31,.12)}
.fcard.feat{border-color:var(--gold);background:linear-gradient(180deg,#fff,#FBF7EE);box-shadow:0 10px 30px rgba(201,165,108,.18)}
.big-flag{width:90px;height:60px;border-radius:5px;overflow:hidden;border:1px solid rgba(0,0,0,.14);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.big-flag svg{display:block;width:100%;height:100%}
.fcard-name{font-family:var(--display);font-style:italic;font-size:1.32rem;color:var(--green);line-height:1}
.fcard-badge{font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;color:var(--gold-deep);border:1px solid var(--line-gold);border-radius:999px;padding:3px 12px}
@media (max-width:760px){.fcard{width:132px;padding:20px 12px;gap:11px}.big-flag{width:72px;height:48px}.fcard-name{font-size:1.15rem}}