/* mangodorado-br-app.com · "foco" · family A (sticky header, two-column hero) · prefix fc · deep teal night + coral */
:root{--fc-bg:#0E1A24;--fc-sf:#14242F;--fc-sf2:#1A2F3C;--fc-ink:#EAF2F0;--fc-mut:#B4C6C4;--fc-acc:#FF7A59;--fc-acc-h:#FF9B80;--fc-mint:#5FD4B8;--fc-line:#284352}
body.fc{margin:0;background:var(--fc-bg);color:var(--fc-ink);font:400 17.5px/1.68 Manrope,"Segoe UI",system-ui,Arial,sans-serif;-webkit-text-size-adjust:100%}
.fc *,.fc *::before,.fc *::after{box-sizing:border-box}
.fc img{max-width:100%;height:auto;display:block}
.fc :where(a){color:var(--fc-mint);text-underline-offset:3px}
.fc :where(a):hover{color:var(--fc-acc-h)}
.fc h1,.fc h2,.fc h3{font-family:Sora,Manrope,Arial,sans-serif;font-weight:700;line-height:1.18;margin:0 0 16px;overflow-wrap:break-word;color:#fff}
.fc h1{font-size:clamp(30px,4.6vw,50px);letter-spacing:-.02em}
.fc h2{font-size:clamp(23px,2.8vw,32px);letter-spacing:-.01em}
.fc p{margin:0 0 16px}
.fc .shell{width:min(1140px,calc(100% - 32px));margin:0 auto}
.fc-narrow{max-width:820px}
.fc a:focus-visible,.fc summary:focus-visible{outline:3px solid var(--fc-acc);outline-offset:3px;border-radius:6px}

/* sticky header */
.fc .top{position:sticky;top:0;z-index:50;background:rgba(14,26,36,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--fc-line)}
.fc .top-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:10px 0}
.fc .top-in>a:first-child{display:block;line-height:0;flex:none}
.fc .top-in>a:first-child img{height:40px;width:auto}
.fc .top nav{display:flex;gap:4px;margin-left:auto}
.fc .top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:var(--fc-ink);text-decoration:none;font-weight:600;font-size:16px}
.fc .top nav a:hover{background:var(--fc-sf2);color:#fff}
.fc .btn,.fc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--fc-acc);color:#0E1A24;text-decoration:none;font:800 16px/1.1 Manrope,sans-serif;text-align:center;border:2px solid var(--fc-acc);transition:background .15s}
.fc .btn:hover,.fc-btn:hover{background:var(--fc-acc-h);border-color:var(--fc-acc-h);color:#0E1A24}
.fc .top .btn-main{min-height:44px;padding:0 18px}
.fc-btn-line{background:transparent;color:var(--fc-acc)}
.fc-btn-line:hover{color:#0E1A24}
.fc-sub{display:inline-flex;align-items:center;min-height:48px;font-weight:700;color:var(--fc-ink)}

/* hero */
.fc-hero{background:radial-gradient(1100px 500px at 85% 0%,rgba(255,122,89,.16),transparent 60%),linear-gradient(180deg,#112230,var(--fc-bg));border-bottom:1px solid var(--fc-line)}
.fc-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding:56px 0 60px}
.fc-hero-pg .shell{padding:40px 0 44px;max-width:900px}
.fc-tag{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;padding:6px 14px;border:1px solid var(--fc-line);border-radius:999px;font-size:14.5px;font-weight:700;color:var(--fc-mint);letter-spacing:.03em}
.fc-tag i{width:6px;height:6px;border-radius:50%;background:var(--fc-acc);display:inline-block}
.fc-lead{font-size:19px;color:var(--fc-mut);max-width:60ch}
.fc-acts{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:24px 0 10px}
.fc-ad{display:block;font-size:14.5px;color:var(--fc-mut);opacity:.9}
.fc-hero-fig{margin:0;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#FFE3B0,#FFB27A);padding:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.fc-hero-fig img{border-radius:18px}
.fc-crumb{font-size:15px;color:var(--fc-mut);margin:0 0 12px}

/* sections */
.fc-sec{padding:52px 0}
.fc-alt{background:var(--fc-sf)}
.fc-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:40px;align-items:start}
.fc-side{background:var(--fc-sf2);border:1px solid var(--fc-line);border-radius:20px;padding:20px 22px}
.fc-alt .fc-side{background:var(--fc-bg)}
.fc-side-t{font:700 14.5px/1 Sora,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--fc-acc);margin-bottom:10px}
.fc-side p:last-child{margin:0}
.fc-fig-side{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--fc-line)}
.fc-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 18px;padding:0}
.fc-chips li{padding:8px 16px;border-radius:999px;background:var(--fc-bg);border:1px solid var(--fc-line);font-weight:700;font-size:16px}
.fc-steps{list-style:none;counter-reset:fs;margin:0 0 18px;padding:0;display:grid;gap:12px}
.fc-steps li{counter-increment:fs;position:relative;padding:14px 18px 14px 64px;background:var(--fc-sf2);border-radius:16px}
.fc-alt .fc-steps li{background:var(--fc-bg)}
.fc-steps li::before{content:counter(fs);position:absolute;left:16px;top:12px;width:34px;height:34px;border-radius:50%;background:var(--fc-acc);color:#0E1A24;font:800 17px/34px Sora,sans-serif;text-align:center}
.fc-list{margin:0 0 16px;padding-left:22px}
.fc-list li{margin-bottom:10px}
.fc-list li::marker{color:var(--fc-acc)}
.fc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 18px}
.fc-card{background:var(--fc-sf);border:1px solid var(--fc-line);border-radius:18px;padding:18px}
.fc-alt .fc-card{background:var(--fc-bg)}
.fc-card b{display:block;font-family:Sora,sans-serif;color:var(--fc-acc);margin-bottom:6px;font-size:17px}
.fc-card p{margin:0;color:var(--fc-mut);font-size:16.5px}
.fc-tw{overflow-x:auto;margin:0 0 18px;border-radius:18px;border:1px solid var(--fc-line)}
.fc-tw table{width:100%;border-collapse:collapse;font-size:16.5px}
.fc-tw th{background:var(--fc-sf2);text-align:left;padding:12px 16px;font:700 15px/1.3 Sora,sans-serif;color:var(--fc-mint)}
.fc-tw td{padding:12px 16px;border-top:1px solid var(--fc-line);vertical-align:top}
.fc-gl{margin:0 0 18px;display:grid;gap:12px}
.fc-gl dt{font:700 18px/1.3 Sora,sans-serif;color:var(--fc-acc)}
.fc-gl dd{margin:0 0 6px;color:var(--fc-mut);padding-left:16px;border-left:2px solid var(--fc-line)}
.fc-cta{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin:24px 0 4px}
.fc-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.fc-links a{display:block;padding:20px;border-radius:20px;background:var(--fc-bg);border:1px solid var(--fc-line);text-decoration:none;color:var(--fc-ink)}
.fc-links a:hover{border-color:var(--fc-acc)}
.fc-links b{display:block;font-family:Sora,sans-serif;color:#fff;margin-bottom:6px}
.fc-links span{color:var(--fc-mut);font-size:16px}

/* faq */
.fc-faq{display:grid;gap:10px}
.fc-qa{background:var(--fc-sf2);border-radius:16px;border:1px solid var(--fc-line)}
.fc-alt .fc-qa{background:var(--fc-bg)}
.fc-q{cursor:pointer;list-style:none;padding:16px 48px 16px 18px;font-weight:700;position:relative;min-height:44px}
.fc-q::-webkit-details-marker{display:none}
.fc-q::after{content:"";position:absolute;right:20px;top:24px;width:10px;height:10px;border-right:2px solid var(--fc-acc);border-bottom:2px solid var(--fc-acc);transform:rotate(45deg);transition:transform .15s}
.fc-qa[open] .fc-q::after{transform:rotate(225deg)}
.fc-a{padding:0 18px 16px}
.fc-a p{margin:0;color:var(--fc-mut)}

/* close */
.fc-close{padding:44px 0;background:linear-gradient(120deg,#1A3B47,#14242F)}
.fc-close-in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.fc-close p{color:var(--fc-mut);margin:0}
.fc-close .fc-ad{margin-top:8px}

/* footer */
.fc .foot{border-top:1px solid var(--fc-line);padding:32px 0 36px;font-size:15px;color:var(--fc-mut)}
.fc .foot-top{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;margin-bottom:16px}
.fc .foot-top img{height:36px;width:auto}
.fc .foot nav{display:flex;flex-wrap:wrap;gap:2px 18px}
.fc .foot nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--fc-ink);text-decoration:none}
.fc .foot p{margin:0 0 8px;max-width:88ch}

@media (max-width:880px){
  .fc-hero-in,.fc-cols{grid-template-columns:1fr;gap:26px}
  .fc-hero-fig{max-width:360px}
  .fc-fig-side{max-width:320px}
  .fc .top nav{order:3;width:100%;margin-left:0;justify-content:space-between}
  .fc .top .btn-main{margin-left:auto}
}
@media (max-width:520px){
  .fc .top{position:static}
  .fc .top-in>a:first-child img{height:32px}
  .fc .top .btn-main{padding:0 14px;font-size:15px}
  .fc .top nav a{padding:0 10px}
  .fc-sec{padding:38px 0}
  .fc-btn{width:100%}
  .fc-steps li{padding-left:58px}
}