/* Pirata Aviator Design System — externalizado a partir do HTML em 2026-06-24. */
/* Base visual, animações e classes geradas para substituir style="..." inline. */

/* Base / tokens */
* { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    background:
      radial-gradient(120% 70% at 50% -8%, #23282b 0%, #16191b 55%, #101214 100%),
      #101214;
    font-family: 'Barlow', sans-serif;
    color: #e9e1d0;
  }
  @keyframes pa-amberPulse {
    0%, 100% { box-shadow: 5px 5px 0 #0d0d0d, 0 0 0 0 rgba(245,184,41,0.0), 0 0 24px 2px rgba(245,184,41,0.30); }
    50% { box-shadow: 5px 5px 0 #0d0d0d, 0 0 0 4px rgba(245,184,41,0.10), 0 0 34px 8px rgba(245,184,41,0.55); }
  }
  @keyframes pa-flicker {
    0%, 100% { opacity: 1; } 45% { opacity: .78; } 55% { opacity: .9; }
  }
  @keyframes pa-bob {
    0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-7px) rotate(1deg); }
  }

.pa-interact-0:hover {transform:translate(2px,2px); box-shadow:4px 4px 0 #0d0d0d;}
.pa-interact-0:active {transform:translate(6px,6px); box-shadow:0 0 0 #0d0d0d;}
.pa-interact-1:hover {transform:translate(2px,2px);}
.pa-interact-1:active {transform:translate(5px,5px);}
.pa-interact-2:active {transform:translateY(3px); box-shadow:0 1px 0 #0d0d0d;}

/* Classes geradas a partir dos estilos inline do layout original. */
.pa-ds-001{position:relative; min-height:100vh; overflow:hidden; max-width:520px; margin:0 auto; background:#101214; box-shadow:0 0 0 1px #000, 0 0 60px rgba(0,0,0,.5);}
.pa-ds-002{position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.45; mix-blend-mode:overlay; background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1.4px); background-size:5px 5px;}
.pa-ds-003{position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.3; background-image:radial-gradient(rgba(0,0,0,.55) 1.1px, transparent 1.3px); background-size:7px 7px;}
.pa-ds-004{position:relative; z-index:1; padding-bottom:96px;}
.pa-ds-005{position:relative; padding:26px 22px 34px;}
.pa-ds-006{text-align:center;}
.pa-ds-007{display:inline-flex; align-items:center; gap:9px; padding:5px 13px; border:2px solid #c9962f; background:rgba(201,150,47,.12); margin-bottom:16px;}
.pa-ds-008{width:7px; height:7px; background:#f5b829; box-shadow:0 0 8px #f5b829; transform:rotate(45deg);}
.pa-ds-009{font-family:'Barlow Condensed',sans-serif; letter-spacing:.28em; text-transform:uppercase; font-size:12px; font-weight:600; color:#e6c873;}
.pa-ds-010{margin:0; font-family:'Pirata One', serif; font-size:54px; line-height:.9; color:#f1ead7; letter-spacing:.01em; text-shadow:4px 4px 0 #0d0d0d, 0 0 28px rgba(0,0,0,.6);}
.pa-ds-011{color:#e6b33f; text-shadow:4px 4px 0 #0d0d0d, 0 0 22px rgba(245,184,41,.5);}
.pa-ds-012{position:relative; margin:22px auto 4px; max-width:340px; border:4px solid #0d0d0d; box-shadow:8px 8px 0 #0d0d0d; background:#11181a; overflow:hidden;}
.pa-ds-013{width:100%; display:block; filter:contrast(1.06) saturate(.95);}
.pa-ds-014{position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(0,0,0,.38) 1px, transparent 1.3px); background-size:6px 6px; mix-blend-mode:multiply; opacity:.4;}
.pa-ds-015{position:absolute; left:0; right:0; bottom:0; height:42%; background:linear-gradient(to top, rgba(13,13,13,.55), transparent);}
.pa-ds-016{margin:24px 0 0; text-align:center; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.02em; font-size:30px; line-height:1.04; color:#f1ead7; text-shadow:2px 2px 0 #0d0d0d;}
.pa-ds-017{color:#f5b829; text-shadow:2px 2px 0 #0d0d0d, 0 0 18px rgba(245,184,41,.45);}
.pa-ds-018{margin:16px auto 0; max-width:420px; text-align:center; font-family:'Barlow',sans-serif; font-size:16px; font-weight:500; line-height:1.55; color:#b9b3a3;}
.pa-ds-019{color:#e9e1d0;}
.pa-ds-020{margin-top:26px; display:flex; justify-content:center;}
.pa-ds-021{display:inline-flex; align-items:center; gap:10px; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:20px; color:#241803; text-decoration:none; background:linear-gradient(160deg,#f0cb5e,#c4902c); border:3px solid #0d0d0d; box-shadow:6px 6px 0 #0d0d0d; padding:17px 30px; cursor:pointer; transition:transform .08s, box-shadow .08s;}
.pa-ds-022{font-size:22px;}
.pa-ds-023{margin:14px 0 0; text-align:center; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.2em; font-size:12px; color:#7e7868;}
.pa-ds-024{position:relative; border-top:3px solid #0d0d0d; border-bottom:3px solid #0d0d0d; background:#2c4a47; padding:14px 20px; overflow:hidden;}
.pa-ds-025{position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.3px); background-size:6px 6px;}
.pa-ds-026{position:relative; display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap;}
.pa-ds-027{font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.22em; font-size:13px; font-weight:600; color:#e9e1d0;}
.pa-ds-028{width:6px; height:6px; background:#f5b829; transform:rotate(45deg);}
.pa-ds-029{font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.22em; font-size:13px; font-weight:600; color:#f5b829;}
.pa-ds-030{padding:40px 22px 14px;}
.pa-ds-031{display:flex; align-items:center; gap:14px; margin-bottom:24px;}
.pa-ds-032{margin:0; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:24px; color:#f1ead7;}
.pa-ds-033{flex:1; height:2px; background:repeating-linear-gradient(90deg,#3a3f43 0 8px, transparent 8px 14px);}
.pa-ds-034{display:flex; flex-direction:column; gap:16px;}
.pa-ds-035{display:flex; gap:16px; align-items:flex-start; border:3px solid #0d0d0d; box-shadow:5px 5px 0 #0d0d0d; background:#1f2426; padding:18px 18px; position:relative; overflow:hidden;}
.pa-ds-036{position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.3px); background-size:6px 6px;}
.pa-ds-037{position:relative; flex:none; width:52px; height:52px; display:grid; place-items:center; font-size:24px; color:#241803; background:linear-gradient(160deg,#f0cb5e,#c4902c); border:3px solid #0d0d0d; box-shadow:3px 3px 0 #0d0d0d; transform:rotate(-3deg);}
.pa-ds-038{position:relative; flex:1;}
.pa-ds-039{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.03em; font-size:18px; color:#f1ead7;}
.pa-ds-040{margin:5px 0 0; font-family:'Barlow',sans-serif; font-size:14.5px; line-height:1.5; color:#a9a394;}
.pa-ds-041{padding:34px 22px 14px;}
.pa-ds-042{display:flex; flex-direction:column; gap:14px;}
.pa-ds-043{display:flex; gap:16px; align-items:center; border:3px solid #0d0d0d; box-shadow:5px 5px 0 #0d0d0d; background:#e9e1d0; color:#1a1305; padding:16px 18px; position:relative; overflow:hidden;}
.pa-ds-044{position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(0,0,0,.07) 1px, transparent 1.3px); background-size:6px 6px;}
.pa-ds-045{position:relative; flex:none; width:46px; height:46px; display:grid; place-items:center; font-family:'Oswald',sans-serif; font-weight:700; font-size:22px; color:#241803; background:linear-gradient(160deg,#f0cb5e,#c4902c); border:3px solid #0d0d0d; box-shadow:3px 3px 0 #0d0d0d; transform:rotate(-3deg);}
.pa-ds-046{position:relative;}
.pa-ds-047{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.03em; font-size:17px; color:#1a1305;}
.pa-ds-048{margin:3px 0 0; font-family:'Barlow',sans-serif; font-size:14px; line-height:1.45; color:#5a513c;}
.pa-ds-049{margin:40px 16px 8px; border:4px solid #0d0d0d; box-shadow:8px 8px 0 #0d0d0d; background:radial-gradient(120% 90% at 50% 0%, #2a3a38 0%, #161c1d 70%); padding:36px 24px; position:relative; overflow:hidden; text-align:center;}
.pa-ds-050{position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(245,184,41,.08) 1px, transparent 1.3px); background-size:6px 6px;}
.pa-ds-051{display:inline-flex; align-items:center; gap:8px; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.24em; font-size:12px; color:#e07b6a; margin-bottom:14px;}
.pa-ds-052{width:8px; height:8px; border-radius:50%; background:#e0533f; box-shadow:0 0 8px #e0533f; animation:pa-flicker 1.4s infinite;}
.pa-ds-053{margin:0; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.02em; font-size:28px; line-height:1.05; color:#f1ead7; text-shadow:2px 2px 0 #0d0d0d;}
.pa-ds-054{color:#f5b829; text-shadow:2px 2px 0 #0d0d0d, 0 0 16px rgba(245,184,41,.5);}
.pa-ds-055{margin:12px auto 0; max-width:380px; font-family:'Barlow',sans-serif; font-size:15px; line-height:1.5; color:#b9b3a3;}
.pa-ds-056{margin-top:24px; display:flex; justify-content:center;}
.pa-ds-057{display:inline-flex; align-items:center; gap:11px; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:21px; color:#241803; text-decoration:none; background:linear-gradient(160deg,#f0cb5e,#c4902c); border:3px solid #0d0d0d; padding:18px 30px; cursor:pointer; animation:pa-amberPulse 2.4s ease-in-out infinite; transition:transform .08s;}
.pa-ds-058{font-size:23px;}
.pa-ds-059{margin-top:34px; border-top:3px solid #0d0d0d; padding:28px 22px 20px; position:relative;}
.pa-ds-060{display:flex; align-items:center; gap:12px; justify-content:center; margin-bottom:18px;}
.pa-ds-061{width:40px; height:40px; border-radius:50%; overflow:hidden; border:2.5px solid #0d0d0d; box-shadow:0 0 0 2px #c9962f; flex:none;}
.pa-ds-062{width:100%; height:100%; object-fit:cover; object-position:50% 40%;}
.pa-ds-063{font-family:'Pirata One',serif; font-size:26px; line-height:.9; color:#f1ead7; text-shadow:2px 2px 0 #0d0d0d;}
.pa-ds-064{display:flex; justify-content:center; margin-bottom:16px;}
.pa-ds-065{display:inline-flex; align-items:center; gap:8px; font-family:'Oswald',sans-serif; font-weight:700; font-size:14px; color:#f5e6c0; background:#8b2231; border:2.5px solid #0d0d0d; box-shadow:3px 3px 0 #0d0d0d; padding:7px 16px; text-transform:uppercase; letter-spacing:.06em;}
.pa-ds-066{font-family:'Oswald',sans-serif; font-weight:700;}
.pa-ds-067{max-width:420px; margin:0 auto; text-align:center;}
.pa-ds-068{margin:0 0 8px; font-family:'Barlow',sans-serif; font-size:13px; line-height:1.55; color:#9a9384;}
.pa-ds-069{color:#cdc7b8;}
.pa-ds-070{margin:0 0 16px; font-family:'Barlow',sans-serif; font-size:13px; line-height:1.55; color:#9a9384;}
.pa-ds-071{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:18px;}
.pa-ds-072{font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:600; color:#e6c873; text-decoration:none; border-bottom:1.5px solid rgba(201,150,47,.4); padding-bottom:1px;}
.pa-ds-073{color:#3a3f43;}
.pa-ds-074{margin:0; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.22em; font-size:11px; color:#5a5547;}
.pa-ds-075{position:fixed; left:0; right:0; bottom:0; z-index:50; max-width:520px; margin:0 auto; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:linear-gradient(180deg, rgba(16,18,20,0) 0%, #101214 26%);}
.pa-ds-076{display:flex; align-items:center; justify-content:center; gap:10px; font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:19px; color:#241803; text-decoration:none; background:linear-gradient(160deg,#f0cb5e,#c4902c); border:3px solid #0d0d0d; box-shadow:0 4px 0 #0d0d0d, 0 -6px 22px rgba(0,0,0,.5); padding:15px; cursor:pointer; transition:transform .08s, box-shadow .08s;}
.pa-ds-077{font-size:21px;}