<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tática Individual no Futsal – O Método de um Capitão Bi Campeão Mundial</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--bg-main: #050814;
--bg-section: #0c111f;
--bg-card: #111827;
--accent: #00f08a;
--accent-soft: rgba(0, 240, 138, 0.12);
--accent-strong: #00d073;
--text-main: #e5e7eb;
--text-muted: #9ca3af;
--text-strong: #f9fafb;
--border-soft: rgba(148, 163, 184, 0.35);
--shadow-soft: 0 24px 60px rgba(15, 23, 42, 0.9);
--radius-lg: 18px;
--radius-pill: 999px;
--max-width: 1120px;
--transition-fast: 0.2s ease-out;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
background: radial-gradient(circle at top, #111827 0, #020617 55%, #000 100%);
color: var(--text-main);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.page { min-height: 100vh; display: flex; flex-direction: column; }
.container {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
padding: 1.75rem 1.25rem 4rem;
}
/* HEADER */
header {
border-bottom: 1px solid rgba(148, 163, 184, 0.25);
backdrop-filter: blur(20px);
background: linear-gradient(to right, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.6));
position: sticky;
top: 0;
z-index: 20;
}
.header-inner {
max-width: var(--max-width);
margin: 0 auto;
padding: 0.75rem 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.brand {
display: flex;
align-items: center;
gap: 0.75rem;
}
.brand-logo {
width: 36px;
height: 36px;
border-radius: 999px;
overflow: hidden;
background: radial-gradient(circle at 30% 20%, #22c55e, #22c55e 25%, #16a34a 40%, #052e16 100%);
box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.5), 0 16px 40px rgba(34, 197, 94, 0.5);
flex-shrink: 0;
}
.brand-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.brand-text { display: flex; flex-direction: column; gap: 0.05rem; }
.brand-text span:first-child {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--text-muted);
}
.brand-text span:last-child {
font-weight: 600;
font-size: 0.95rem;
color: var(--text-strong);
}
.header-cta { display: none; }
/* BOTÕES GERAIS */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.9rem 1.6rem;
border-radius: var(--radius-pill);
border: 1px solid transparent;
font-weight: 600;
font-size: 0.95rem;
letter-spacing: 0.03em;
text-transform: uppercase;
cursor: pointer;
transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
white-space: nowrap;
gap: 0.5rem;
}
.btn-primary {
background: linear-gradient(135deg, var(--accent), var(--accent-strong));
color: #022c22;
box-shadow: 0 18px 45px rgba(34, 197, 94, 0.45);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 26px 60px rgba(34, 197, 94, 0.65);
background: linear-gradient(135deg, var(--accent-strong), var(--accent));
}
.btn-outline {
border-color: rgba(148, 163, 184, 0.7);
color: var(--text-main);
background: rgba(15, 23, 42, 0.75);
}
.btn-outline:hover {
border-color: var(--accent);
color: var(--accent);
background: rgba(15, 23, 42, 0.95);
box-shadow: 0 22px 50px rgba(15, 23, 42, 0.95);
transform: translateY(-1px);
}
.btn span.icon { font-size: 1.1rem; line-height: 1; }
/* HERO */
.hero { padding-top: 2rem; padding-bottom: 3.25rem; }
.hero-grid {
display: grid;
grid-template-columns: 1.35fr;
gap: 2.25rem;
align-items: center;
}
.hero-main { position: relative; z-index: 1; }
.hero-badge {
display: inline-flex;
align-items: center;
gap: 0.55rem;
padding: 0.35rem 0.9rem;
border-radius: var(--radius-pill);
background: rgba(15, 23, 42, 0.85);
border: 1px solid rgba(148, 163, 184, 0.6);
box-shadow: 0 18px 50px rgba(15, 23, 42, 0.9);
margin-bottom: 1rem;
}
.hero-badge-pill {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.65rem;
border-radius: var(--radius-pill);
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(34, 197, 94, 0.55);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.15em;
color: var(--accent);
}
.hero-badge-text { font-size: 0.8rem; color: var(--text-muted); }
.hero-title-kicker {
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--accent);
margin-bottom: 0.5rem;
}
.hero-title-main {
font-family: "Poppins", system-ui, sans-serif;
font-weight: 700;
font-size: clamp(1.9rem, 4vw, 2.7rem);
line-height: 1.1;
color: var(--text-strong);
margin-bottom: 0.85rem;
}
.hero-title-main span { display: block; }
.hero-highlight {
font-size: 1.05rem;
font-weight: 500;
color: var(--text-main);
margin-bottom: 0.9rem;
}
.hero-subcopy {
font-size: 0.98rem;
color: var(--text-muted);
max-width: 34rem;
margin-bottom: 0.75rem;
}
.hero-subcopy strong { color: var(--text-main); font-weight: 600; }
.hero-emphasis { font-size: 0.98rem; color: var(--accent); margin-bottom: 1.4rem; }
.hero-cta-row {
display: flex;
flex-wrap: wrap;
gap: 0.9rem;
align-items: center;
margin-bottom: 1.5rem;
}
.hero-cta-note { font-size: 0.8rem; color: var(--text-muted); }
.hero-meta {
display: flex;
flex-wrap: wrap;
gap: 0.9rem;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--text-muted);
}
.hero-meta span {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding-right: 0.9rem;
border-right: 1px solid rgba(75, 85, 99, 0.9);
}
.hero-meta span:last-child { border-right: none; padding-right: 0; }
.hero-meta-dot {
width: 6px;
height: 6px;
border-radius: 999px;
background: var(--accent);
box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25);
}
/* HERO – BLOCO VISUAL / IMAGEM */
.hero-visual {
position: relative;
border-radius: var(--radius-lg);
background: radial-gradient(circle at top left, #22c55e 0, #16a34a 15%, #020617 60%);
padding: 1.15rem;
box-shadow: var(--shadow-soft);
overflow: hidden;
}
.hero-visual-inner {
border-radius: 14px;
border: 1px solid rgba(15, 23, 42, 0.4);
background: linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.9));
padding: 1rem;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.1fr);
gap: 1rem;
align-items: center;
}
.hero-player-photo {
position: relative;
border-radius: 14px;
background: radial-gradient(circle at 30% 20%, #22c55e 0, #16a34a 32%, #052e16 80%, #020617 100%);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
/* AJUSTE: imagem ocupa melhor o bloco, mantendo o mesmo visual */
aspect-ratio: 4 / 5;
min-height: 260px;
padding: 0.6rem;
}
.hero-player-photo-badge {
position: absolute;
top: 0.7rem;
left: 0.7rem;
background: rgba(15, 23, 42, 0.8);
border-radius: var(--radius-pill);
padding: 0.3rem 0.8rem;
border: 1px solid rgba(34, 197, 94, 0.6);
font-size: 0.7rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: 0.35rem;
z-index: 2;
}
.hero-player-photo-badge-dot {
width: 7px;
height: 7px;
border-radius: 999px;
background: var(--accent);
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.5);
}
/* AJUSTE: imagem preenche e recorta melhor, sem “sobrar espaço” */
.hero-player-img {
width: 100%;
height: 100%;
border-radius: 14px;
border: 1px solid rgba(15, 23, 42, 0.85);
object-fit: cover;
object-position: center 25%;
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.9);
}
.hero-player-stats {
display: grid;
gap: 0.45rem;
font-size: 0.78rem;
color: var(--text-muted);
}
.hero-player-stats h3 {
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--text-strong);
margin-bottom: 0.35rem;
}
.stat-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.45rem 0.6rem;
border-radius: 10px;
background: rgba(15, 23, 42, 0.85);
border: 1px solid rgba(148, 163, 184, 0.35);
gap: 0.75rem;
}
.stat-label {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--text-muted);
white-space: nowrap;
}
.stat-value {
font-weight: 600;
font-size: 0.92rem;
color: var(--accent);
/* AJUSTE: evita “quebra feia” em telas menores */
text-align: right;
}
.hero-badge-bottom { margin-top: 0.6rem; font-size: 0.75rem; color: var(--text-muted); }
/* SEÇÕES BASE */
section {
margin-top: 2.6rem;
padding: 2.2rem 1.75rem;
border-radius: var(--radius-lg);
background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.97));
border: 1px solid rgba(30, 64, 175, 0.35);
box-shadow: var(--shadow-soft);
position: relative;
overflow: hidden;
}
section::before {
content: "";
position: absolute;
inset: -40%;
background: radial-gradient(circle at 0 0, rgba(34, 197, 94, 0.14), transparent 60%);
opacity: 0.45;
pointer-events: none;
}
section > * { position: relative; z-index: 1; }
.section-label {
font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--accent);
margin-bottom: 0.4rem;
}
.section-title {
font-family: "Poppins", system-ui, sans-serif;
font-size: 1.45rem;
color: var(--text-strong);
margin-bottom: 0.75rem;
}
.section-subtitle {
font-size: 0.96rem;
color: var(--text-muted);
max-width: 40rem;
margin-bottom: 1.3rem;
}
/* SECTION 2 – PROBLEMA */
.problem-layout {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 1.75rem;
}
.problem-list { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }
.problem-item { display: flex; align-items: flex-start; gap: 0.55rem; font-size: 0.95rem; color: var(--text-main); }
.problem-item-icon {
margin-top: 0.25rem;
width: 18px;
height: 18px;
border-radius: 999px;
border: 1px solid rgba(248, 113, 113, 0.7);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
color: #fecaca;
background: rgba(127, 29, 29, 0.3);
}
.problem-callout {
margin-top: 1.1rem;
padding: 1rem 1rem;
border-radius: 14px;
background: radial-gradient(circle at top left, rgba(248, 250, 252, 0.08), rgba(15, 23, 42, 0.98));
border: 1px solid rgba(148, 163, 184, 0.45);
font-size: 0.92rem;
}
.problem-callout strong { color: var(--text-strong); }
.problem-side-card {
border-radius: 14px;
padding: 1rem 1.1rem;
background: radial-gradient(circle at top, rgba(15, 23, 42, 1), rgba(8, 47, 73, 1));
border: 1px solid rgba(56, 189, 248, 0.4);
font-size: 0.9rem;
color: var(--text-main);
}
.problem-side-card h3 {
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #7dd3fc;
margin-bottom: 0.55rem;
}
.problem-side-card p + p { margin-top: 0.55rem; }
/* SECTION 3 – AUTORIDADE */
.author-layout {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.15fr);
gap: 1.75rem;
align-items: center;
}
.author-text ul { list-style: none; display: grid; gap: 0.5rem; margin-top: 0.5rem; }
.author-text li {
position: relative;
padding-left: 1.2rem;
font-size: 0.95rem;
color: var(--text-main);
}
.author-text li::before {
content: "";
position: absolute;
left: 0;
top: 0.58rem;
width: 7px;
height: 7px;
border-radius: 999px;
background: var(--accent);
}
.author-note { margin-top: 0.9rem; font-size: 0.92rem; color: var(--text-muted); }
.author-note strong { color: var(--text-strong); }
.author-card {
border-radius: 16px;
padding: 1rem 1.1rem;
background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.25), rgba(15, 23, 42, 0.98));
border: 1px solid rgba(34, 197, 94, 0.55);
box-shadow: 0 22px 55px rgba(22, 163, 74, 0.55);
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
gap: 0.9rem;
align-items: center;
}
.author-photo {
border-radius: 14px;
background: radial-gradient(circle at 30% 20%, #22c55e 0, #16a34a 35%, #052e16 80%, #020617 100%);
overflow: hidden;
/* AJUSTE: enquadramento consistente e mais “cheio” */
aspect-ratio: 4 / 5;
min-height: 240px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.6rem;
}
.author-photo-img {
width: 100%;
height: 100%;
border-radius: 14px;
border: 1px solid rgba(15, 23, 42, 0.9);
object-fit: cover;
object-position: center 20%;
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.9);
}
.author-meta {
font-size: 0.82rem;
color: var(--text-main);
display: grid;
gap: 0.45rem;
}
.author-name { font-size: 1.05rem; font-weight: 600; color: var(--text-strong); }
.author-role {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--accent);
}
.author-meta p { font-size: 0.85rem; color: var(--text-muted); }
/* SECTION 4 – REVELAÇÃO */
.revelation-layout {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.05fr);
gap: 1.6rem;
align-items: start;
}
.revelation-result {
margin: 0.9rem 0 1rem;
padding: 0.95rem 1rem;
border-radius: 14px;
background: rgba(15, 23, 42, 0.9);
border: 1px dashed rgba(148, 163, 184, 0.6);
font-size: 0.94rem;
}
.revelation-result-list { list-style: none; margin-top: 0.4rem; }
.revelation-result-list li { padding-left: 1rem; position: relative; font-size: 0.93rem; color: var(--text-main); }
.revelation-result-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: var(--accent); }
.revelation-side {
border-radius: 14px;
padding: 1rem 1.05rem;
background: radial-gradient(circle at top right, rgba(34, 197, 94, 0.2), rgba(15, 23, 42, 0.98));
border: 1px solid rgba(34, 197, 94, 0.45);
font-size: 0.94rem;
color: var(--text-main);
}
.revelation-side h3 {
font-size: 0.92rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--accent);
margin-bottom: 0.6rem;
}
/* SECTION 5 – MÉTODO */
.method-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin-top: 1.25rem;
}
.method-card {
border-radius: 14px;
padding: 0.95rem 0.95rem 1rem;
background: var(--bg-card);
border: 1px solid rgba(148, 163, 184, 0.45);
font-size: 0.9rem;
color: var(--text-main);
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.method-card-number { font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent); }
.method-card-title { font-weight: 600; font-size: 0.98rem; color: var(--text-strong); }
/* SECTION 6 – ESTRUTURA DO CURSO */
.modules-intro { font-size: 0.95rem; color: var(--text-muted); margin-bottom: 1rem; }
.modules-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.85rem 1rem;
}
.module-card {
border-radius: 14px;
padding: 0.7rem 0.9rem;
background: rgba(15, 23, 42, 0.96);
border: 1px solid rgba(148, 163, 184, 0.55);
display: flex;
align-items: flex-start;
gap: 0.6rem;
font-size: 0.9rem;
color: var(--text-main);
}
.module-index {
width: 24px;
height: 24px;
border-radius: 999px;
border: 1px solid rgba(34, 197, 94, 0.7);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.78rem;
color: var(--accent);
flex-shrink: 0;
}
.module-title { font-size: 0.93rem; line-height: 1.4; }
/* SECTION 7 – BÔNUS */
.bonus-list { list-style: none; display: grid; gap: 0.9rem; margin-top: 1rem; }
.bonus-item { display: flex; align-items: flex-start; gap: 0.6rem; font-size: 0.95rem; color: var(--text-main); }
.bonus-tag {
margin-top: 0.15rem;
padding: 0.25rem 0.55rem;
border-radius: var(--radius-pill);
background: rgba(34, 197, 94, 0.16);
border: 1px solid rgba(34, 197, 94, 0.6);
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--accent);
}
.bonus-note { margin-top: 0.9rem; font-size: 0.92rem; color: var(--text-muted); }
/* SECTION 8 – DEPOIMENTOS */
.testimonials-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.9rem; margin-top: 1.1rem; }
.testimonial-card {
border-radius: 14px;
padding: 0.9rem 0.95rem;
background: rgba(15, 23, 42, 0.95);
border: 1px solid rgba(148, 163, 184, 0.55);
font-size: 0.9rem;
color: var(--text-main);
}
.testimonial-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--accent); margin-bottom: 0.3rem; }
/* SECTION 9 – OFERTA */
.offer-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.05fr); gap: 1.6rem; align-items: center; }
.offer-price { font-size: 2.2rem; font-weight: 700; color: var(--accent); margin-bottom: 0.25rem; }
.offer-price span { font-size: 0.9rem; font-weight: 500; color: var(--text-muted); margin-left: 0.4rem; }
.offer-includes { list-style: none; margin-top: 0.9rem; display: grid; gap: 0.5rem; font-size: 0.95rem; }
.offer-includes li { padding-left: 1.25rem; position: relative; color: var(--text-main); }
.offer-includes li::before { content: "✔"; position: absolute; left: 0; top: 0; color: var(--accent); font-size: 0.85rem; }
.offer-card {
border-radius: 16px;
padding: 1.1rem 1.2rem;
background: radial-gradient(circle at top right, rgba(34, 197, 94, 0.26), rgba(15, 23, 42, 0.98));
border: 1px solid rgba(34, 197, 94, 0.6);
box-shadow: 0 26px 60px rgba(22, 163, 74, 0.6);
font-size: 0.93rem;
color: var(--text-main);
}
.offer-card h3 { font-size: 0.96rem; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent); margin-bottom: 0.6rem; }
/* SECTION 10 – GARANTIA */
.guarantee {
border-radius: 16px;
background: radial-gradient(circle at top left, rgba(250, 250, 250, 0.06), rgba(15, 23, 42, 0.98));
border: 1px solid rgba(148, 163, 184, 0.7);
font-size: 0.95rem;
color: var(--text-main);
}
.guarantee-main { font-size: 1rem; font-weight: 500; color: var(--text-strong); margin-bottom: 0.6rem; }
.guarantee p + p { margin-top: 0.5rem; }
/* SECTION 11 – PARA QUEM É */
.audience-grid {
list-style: none;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.7rem;
margin-top: 1.1rem;
}
.audience-item {
border-radius: 999px;
padding: 0.5rem 0.8rem;
background: rgba(15, 23, 42, 0.92);
border: 1px solid rgba(148, 163, 184, 0.6);
font-size: 0.9rem;
color: var(--text-main);
}
/* SECTION 12 – CTA FINAL */
.cta-final {
text-align: center;
background: radial-gradient(circle at top, rgba(34, 197, 94, 0.28), rgba(15, 23, 42, 0.98));
border: 1px solid rgba(34, 197, 94, 0.7);
box-shadow: 0 28px 70px rgba(21, 128, 61, 0.75);
}
.cta-final-title {
font-family: "Poppins", system-ui, sans-serif;
font-size: 1.4rem;
color: var(--text-strong);
margin-bottom: 0.6rem;
}
.cta-final-title strong { color: var(--accent); }
.cta-final-sub { font-size: 0.95rem; color: var(--text-main); margin-bottom: 1.45rem; }
.cta-final-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0.9rem;
}
/* FOOTER */
footer {
padding: 1.75rem 1.25rem 2.5rem;
color: var(--text-muted);
font-size: 0.78rem;
text-align: center;
}
/* RESPONSIVO */
@media (max-width: 1024px) {
.hero-grid { grid-template-columns: minmax(0, 1.1fr); }
.hero-visual { order: -1; }
}
@media (max-width: 900px) {
section { padding: 1.7rem 1.4rem; }
.problem-layout, .author-layout, .revelation-layout, .offer-layout { grid-template-columns: minmax(0, 1fr); }
.author-card { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
}
@media (max-width: 768px) {
.header-inner { flex-direction: column; align-items: flex-start; }
.header-cta {
display: inline-flex;
width: 100%;
justify-content: center;
margin-top: 0.25rem;
}
.hero-title-main { font-size: clamp(1.8rem, 6vw, 2.2rem); }
.hero-subcopy { font-size: 0.95rem; }
.hero-visual { padding: 0.75rem; }
.hero-visual-inner { padding: 0.75rem; grid-template-columns: minmax(0, 1fr); }
.hero-player-photo {
order: -1;
min-height: 220px;
padding: 0.45rem;
}
.hero-player-photo-badge {
top: 0.5rem;
left: 0.5rem;
padding: 0.25rem 0.7rem;
font-size: 0.65rem;
}
.method-grid { grid-template-columns: minmax(0, 1fr); }
.testimonials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.modules-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.container { padding-inline: 1rem; }
section { padding: 1.6rem 1.15rem; margin-top: 2rem; }
.hero { padding-top: 1.5rem; padding-bottom: 2.4rem; }
.hero-cta-row { flex-direction: column; align-items: stretch; }
.hero-cta-row .btn { width: 100%; justify-content: center; }
.hero-meta { gap: 0.5rem; }
.hero-meta span { border-right: none; padding-right: 0; }
.testimonials-grid, .audience-grid, .modules-grid { grid-template-columns: minmax(0, 1fr); }
}
</style>
</head>
<body>
<div class="page">
<!-- HEADER -->
<header>
<div class="header-inner">
<div class="brand">
<div class="brand-logo">
<img src="/img/vinicius-avatar.png" alt="Vinícius Teixeira">
</div>
<div class="brand-text">
<span>TÁTICA INDIVIDUAL</span>
<span>Vinícius Teixeira – Bi Campeão Mundial</span>
</div>
</div>
<!-- CTA DO HEADER agora aponta para o link da Hotmart -->
<a
href="https://pay.hotmart.com/G102466263I?off=rm4nbt0n"
class="btn btn-outline header-cta"
target="_blank"
rel="noopener"
>
<span>Quero entrar para o método</span>
</a>
</div>
</header>
<!-- MAIN -->
<main class="container">
<!-- SEÇÃO 1 – HERO -->
<section class="hero" id="inicio">
<div class="hero-grid">
<div class="hero-main">
<div class="hero-badge">
<span class="hero-badge-pill">Curso Online</span>
<span class="hero-badge-text">Tática Individual no Futsal – Método baseado em Seleção Brasileira</span>
</div>
<div class="hero-title-kicker">
TÁTICA INDIVIDUAL NO FUTSAL – O MÉTODO DE UM CAPITÃO BI CAMPEÃO MUNDIAL PELA SELEÇÃO BRASILEIRA
</div>
<h1 class="hero-title-main">
<span>Tática Individual no Futsal –</span>
<span>O Método de um Capitão Bi Campeão Mundial pela Seleção Brasileira</span>
</h1>
<p class="hero-highlight">
Aprenda táticas individuais que irão melhorar o teu nível de jogo.
</p>
<p class="hero-subcopy">
Você não precisa ser o mais rápido, o mais habilidoso ou o mais técnico.
</p>
<p class="hero-subcopy">
O que te coloca no próximo nível é a capacidade de ler o que pede o jogo e decidir com mais qualidade de acordo com tuas possibilidades e características.
</p>
<p class="hero-subcopy">
E isso é treinável — quando você aprende com quem já viveu isso no mais alto nível.
</p>
<p class="hero-subcopy">
Este é o método oficial de tática individual baseado nos princípios usados por um jogador de nível de Seleção Brasileira.
</p>
<div class="hero-cta-row">
<!-- CTA PRINCIPAL agora aponta para o link da Hotmart -->
<a
href="https://pay.hotmart.com/G102466263I?off=rm4nbt0n"
class="btn btn-primary"
target="_blank"
rel="noopener"
>
<span class="icon">▶</span>
<span>Quero aprender a tática individual</span>
</a>
<span class="hero-cta-note">Aulas online gravadas + encontros em grupo com Vinícius Teixeira.</span>
</div>
<div class="hero-meta">
<span><span class="hero-meta-dot"></span> Método com foco em tomada de decisão</span>
<span><span class="hero-meta-dot"></span> Baseado em jogo real, não em teoria</span>
</div>
</div>
<aside class="hero-visual">
<div class="hero-visual-inner">
<div class="hero-player-stats">
<h3>Com Vinícius Teixeira</h3>
<div class="stat-row">
<div class="stat-label">Trajetória</div>
<div class="stat-value">Ex-capitão da Seleção Brasileira de Futsal</div>
</div>
<div class="stat-row">
<div class="stat-label">Títulos</div>
<div class="stat-value">Bicampeão Mundial (2008 e 2012)</div>
</div>
<div class="stat-row">
<div class="stat-label">Experiência</div>
<div class="stat-value">20+ anos no alto nível</div>
</div>
<p class="hero-badge-bottom">
Aprenda com a visão de um líder em quadra, com leitura de jogo e inteligência tática de nível mundial.
</p>
</div>
<div class="hero-player-photo">
<div class="hero-player-photo-badge">
<span class="hero-player-photo-badge-dot"></span>
<span>Imagem oficial</span>
</div>
<img
src="/img/vinicius-hero.webp"
alt="Vinícius Teixeira em quadra com uniforme oficial"
class="hero-player-img"
loading="eager"
decoding="async"
/>
</div>
</div>
</aside>
</div>
</section>
<!-- SEÇÃO 2 – PROBLEMA -->
<section id="problema">
<div class="section-label">Seção 2 • Problema</div>
<h2 class="section-title">Apresentação do Problema (Dor Real do Atleta / Treinador)</h2>
<p class="section-subtitle">
Se você sente que está travado na evolução, este é o motivo:
</p>
<div class="problem-layout">
<div>
<ul class="problem-list">
<li class="problem-item">
<span class="problem-item-icon">!</span>
<span>Você treina fundamentos, mas não entende como aplicá-los no jogo real.</span>
</li>
<li class="problem-item">
<span class="problem-item-icon">!</span>
<span>Sabe fazer, mas não sabe quando fazer.</span>
</li>
<li class="problem-item">
<span class="problem-item-icon">!</span>
<span>Se posiciona errado e perde tempo e espaço.</span>
</li>
<li class="problem-item">
<span class="problem-item-icon">!</span>
<span>Tem potencial, mas não se encontra no jogo.</span>
</li>
<li class="problem-item">
<span class="problem-item-icon">!</span>
<span>Treina duro, mas não vira um jogador importante.</span>
</li>
<li class="problem-item">
<span class="problem-item-icon">!</span>
<span>Como treinador, você sente dificuldade em fazer seus atletas a enxergar o jogo da forma correta.</span>
</li>
</ul>
<div class="problem-callout">
<p>O futsal ensinou isso ao Vinícius — e agora ele vai te ensinar como aplicar.</p>
</div>
</div>
<aside class="problem-side-card">
<h3>E a verdade é simples:</h3>
<p>
Quem domina a tática individual explora o que se tem de melhor.
</p>
<p>
Quem não a domina, não melhora seu jogo individual.
</p>
</aside>
</div>
</section>
<!-- SEÇÃO 3 – AUTORIDADE -->
<section id="autoridade">
<div class="section-label">Seção 3 • Autoridade</div>
<h2 class="section-title">Autoridade: Por que aprender com Vinícius Teixeira?</h2>
<p class="section-subtitle">
Ele não é teórico. Ele viveu tudo isso dentro da quadra.
</p>
<div class="author-layout">
<div class="author-text">
<ul>
<li>Ex-capitão da Seleção Brasileira de Futsal</li>
<li>Bicampeão Mundial (2008 e 2012)</li>
<li>Campeão Pan-Americano</li>
<li>Campeão Sul-Americano</li>
<li>Multi-campeão da Liga Nacional de Futsal</li>
<li>Mais de 20 anos atuando em clubes de alto nível</li>
<li>Referência em liderança, leitura de jogo e inteligência tática</li>
<li>Estudou no pós carreira para entender sobre métodos que funcionam.</li>
</ul>
<p class="author-note">
Vivenciou inúmeros momentos de dificuldades e sabe o que funciona.
</p>
<p class="author-note">
Agora, ele vai entregar o método que desenvolveu ao longo de toda a carreira como jogador e continuou a trabalhar no pós carreira — algo que não se encontra em nenhum outro curso.
</p>
</div>
<aside class="author-card">
<div class="author-photo">
<img
src="/img/vinicius-capitao.webp"
alt="Vinícius Teixeira como capitão da Seleção Brasileira de Futsal"
class="author-photo-img"
loading="lazy"
decoding="async"
/>
</div>
<div class="author-meta">
<div class="author-role">Capitão • Seleção Brasileira de Futsal</div>
<div class="author-name">Vinícius Teixeira</div>
<p>
Referência mundial em liderança, leitura de jogo e inteligência tática dentro do futsal. Seus princípios de tática individual foram testados nas maiores competições do mundo.
</p>
<p>
No curso, ele traz o que realmente faz diferença dentro da quadra — sem enrolação, sem modismo, direto ao ponto.
</p>
</div>
</aside>
</div>
</section>
<!-- SEÇÃO 4 – GRANDE REVELAÇÃO -->
<section id="revelacao">
<div class="section-label">Seção 4 • A Grande Revelação</div>
<h2 class="section-title">O futsal moderno exige inteligência — não só habilidade ou técnica.</h2>
<div class="revelation-layout">
<div>
<p class="section-subtitle">
Muitos treinam acreditando que somente repetir movimentos basta, sem entender a importância da toma de decisão, tempo, espaço e leitura.
</p>
<div class="revelation-result">
<p>Resultado?</p>
<ul class="revelation-result-list">
<li>Jogadores que repetem movimentos,</li>
<li> não sabem por que estão fazendo.</li>
<li>e muito menos quando devem fazer.</li>
</ul>
</div>
<p class="section-subtitle">
A tática individual resolve exatamente esse buraco.
</p>
<p class="section-subtitle">
É a ponte entre características, capacidades e desempenho real.
</p>
</div>
<aside class="revelation-side">
<h3>A ponte que falta no teu jogo</h3>
<p>
Quando você entende o que o jogo está pedindo, cada movimento passa a ter um porquê. Você deixa de ser apenas “mais um jogador” e passa a ser alguém que decide, organiza, define e influencia o jogo.
</p>
<p>
Esse é o tipo de jogador que treinador nenhum gosta de tirar de quadra.
</p>
</aside>
</div>
</section>
<!-- SEÇÃO 5 – MÉTODO -->
<section id="metodo">
<div class="section-label">Seção 5 • O Método</div>
<h2 class="section-title">O Método (O que o aluno vai aprender)</h2>
<p class="section-subtitle">
Dentro do curso você vai aprender a...
</p>
<div class="method-grid">
<article class="method-card">
<div class="method-card-number">01</div>
<div class="method-card-title">Ler o jogo como um jogador de elite</div>
<p>
Identificar espaços, como desenvolver jogadas individuais e explorar o que você tem de melhor.
</p>
</article>
<article class="method-card">
<div class="method-card-number">02</div>
<div class="method-card-title">Se posicionar de forma inteligente</div>
<p>
Ficar sempre um passo à frente — com e sem a bola.
</p>
</article>
<article class="method-card">
<div class="method-card-number">03</div>
<div class="method-card-title">Criar vantagem mesmo sem ser o mais habilidoso ou mais técnico.</div>
<p>
Aprender movimentos táticos que multiplicam seu impacto no jogo.
</p>
</article>
<article class="method-card">
<div class="method-card-number">04</div>
<div class="method-card-title">Vencer duelos individuais no ataque.</div>
<p>
Aplicar princípios táticos que aumentam sua eficiência em 1x1 e em situações de pressão.
</p>
</article>
<article class="method-card">
<div class="method-card-number">05</div>
<div class="method-card-title">Melhorar o teu jogo em qualquer posição</div>
<p>
Entender como a tática individual se aplica a diferentes funções dentro da quadra.
</p>
</article>
<article class="method-card">
<div class="method-card-number">06</div>
<div class="method-card-title">Entender o jogo como um jogador de alto nível.</div>
<p>
Desenvolver uma visão ampla, conectando fundamentos, decisões e leitura de jogo em um método só.
</p>
</article>
</div>
</section>
<!-- SEÇÃO 6 – ESTRUTURA DO CURSO -->
<section id="estrutura">
<div class="section-label">Seção 6 • Estrutura do Curso</div>
<h2 class="section-title">Estrutura do Curso (Módulos que te enviei naquela lista)</h2>
<p class="modules-intro">
SEÇÃO 6 – Estrutura do Curso (Módulos que te enviei naquela lista)
</p>
<div class="modules-grid">
<div class="module-card"><div class="module-index">1</div><div class="module-title">Quem sou eu</div></div>
<div class="module-card"><div class="module-index">2</div><div class="module-title">Porque criei o curso</div></div>
<div class="module-card"><div class="module-index">3</div><div class="module-title">O que é tática individual</div></div>
<div class="module-card"><div class="module-index">4</div><div class="module-title">Modelagem</div></div>
<div class="module-card"><div class="module-index">5</div><div class="module-title">Visao periférica</div></div>
<div class="module-card"><div class="module-index">6</div><div class="module-title">Gesto corporal - De frente</div></div>
<div class="module-card"><div class="module-index">7</div><div class="module-title">Passe pra frente - ou fecha meio ou espeta na ala</div></div>
<div class="module-card"><div class="module-index">8</div><div class="module-title">Tempo x Espaço</div></div>
<div class="module-card"><div class="module-index">9</div><div class="module-title">Tempo x espaço 2</div></div>
<div class="module-card"><div class="module-index">10</div><div class="module-title">Tempo e placar</div></div>
<div class="module-card"><div class="module-index">11</div><div class="module-title">Troca de ritmo</div></div>
<div class="module-card"><div class="module-index">12</div><div class="module-title">Troca de direçao</div></div>
<div class="module-card"><div class="module-index">13</div><div class="module-title">Ser muito bom na tua posiçao e ser bom nas demais</div></div>
<div class="module-card"><div class="module-index">14</div><div class="module-title">Virtudes e carencias</div></div>
<div class="module-card"><div class="module-index">15</div><div class="module-title">Acelera freia acelera</div></div>
<div class="module-card"><div class="module-index">16</div><div class="module-title">Balãozinho na ala</div></div>
<div class="module-card"><div class="module-index">17</div><div class="module-title">Meia canela</div></div>
<div class="module-card"><div class="module-index">18</div><div class="module-title">Gato</div></div>
<div class="module-card"><div class="module-index">19</div><div class="module-title">Paralela</div></div>
<div class="module-card"><div class="module-index">20</div><div class="module-title">Diagonal</div></div>
<div class="module-card"><div class="module-index">21</div><div class="module-title">Tira e bate</div></div>
<div class="module-card"><div class="module-index">22</div><div class="module-title">1x1</div></div>
<div class="module-card"><div class="module-index">23</div><div class="module-title">Passe entre as pernas pivô</div></div>
<div class="module-card"><div class="module-index">24</div><div class="module-title">Contramao</div></div>
<div class="module-card"><div class="module-index">25</div><div class="module-title">Intencionalidade</div></div>
<div class="module-card"><div class="module-index">26</div><div class="module-title">Atacar defesa baixa</div></div>
<div class="module-card"><div class="module-index">27</div><div class="module-title">Contrapé</div></div>
<div class="module-card"><div class="module-index">28</div><div class="module-title">Schumacher</div></div>
<div class="module-card"><div class="module-index">29</div><div class="module-title">Puxada pra trás</div></div>
<div class="module-card"><div class="module-index">30</div><div class="module-title">Zonas da quadra</div></div>
<div class="module-card"><div class="module-index">31</div><div class="module-title">Modelagem no pivô</div></div>
<div class="module-card"><div class="module-index">32</div><div class="module-title">Base de pivô correndo</div></div>
<div class="module-card"><div class="module-index">33</div><div class="module-title">Tirar referencia do fixo-beque e matar girando</div></div>
<div class="module-card"><div class="module-index">34</div><div class="module-title">Giro sobre ele</div></div>
<div class="module-card"><div class="module-index">35</div><div class="module-title">Giro Choco</div></div>
<div class="module-card"><div class="module-index">36</div><div class="module-title">Tempo de aparecer no pivô</div></div>
<div class="module-card"><div class="module-index">37</div><div class="module-title">Giro no pivô nas sobreposiçoes ultrapassagens</div></div>
<div class="module-card"><div class="module-index">38</div><div class="module-title">Conduçao pra empurrar</div></div>
<div class="module-card"><div class="module-index">39</div><div class="module-title">Terceiro homem</div></div>
<div class="module-card"><div class="module-index">40</div><div class="module-title">Autoanalise Autocritica e Autocorreçao</div></div>
<div class="module-card"><div class="module-index">41</div><div class="module-title">Estou sendo ofensivo</div></div>
<div class="module-card"><div class="module-index">42</div><div class="module-title">Finalização</div></div>
<div class="module-card"><div class="module-index">43</div><div class="module-title">Fliperama</div></div>
</div>
</section>
<!-- SEÇÃO 7 – BÔNUS -->
<section id="bonus">
<div class="section-label">Seção 7 • Bônus</div>
<h2 class="section-title">Bônus (Alta Percepção de Valor)</h2>
<p class="section-subtitle">
Bônus exclusivos (por tempo limitado)
</p>
<ul class="bonus-list">
<li class="bonus-item">
<span class="bonus-tag">Bônus</span>
<span>3 reuniões em grupo com o Vinicius para debater e tirar dúvidas</span>
</li>
</ul>
<p class="bonus-note">
Esses bônus não estarão disponíveis na próxima turma.
</p>
</section>
<!-- SEÇÃO 8 – DEPOIMENTOS -->
<section id="depoimentos">
<div class="section-label">Seção 8 • Depoimentos</div>
<h2 class="section-title">Depoimentos (se quiser, depois criamos)</h2>
<div class="testimonials-grid">
<article class="testimonial-card">
<div class="testimonial-label">Jogador</div>
<p>“Com as correções táticas, meu jogo ficou 2x mais consistente.”</p>
</article>
<article class="testimonial-card">
<div class="testimonial-label">Jogador</div>
<p>“Eu nunca tinha entendido leitura de jogo desse jeito.”</p>
</article>
<article class="testimonial-card">
<div class="testimonial-label">Treinador</div>
<p>“Mudou minha forma de treinar meus atletas.”</p>
</article>
<article class="testimonial-card">
<div class="testimonial-label">Jogador</div>
<p>“Me tornei titular pela primeira vez.”</p>
</article>
</div>
<p class="section-subtitle" style="margin-top: 1rem;">
(Depois posso gerar depoimentos em vídeo e texto prontos para gravação.)
</p>
</section>
<!-- SEÇÃO 9 – OFERTA -->
<section id="oferta">
<div class="section-label">Seção 9 • Oferta</div>
<h2 class="section-title">Acesso completo ao Método de Tática Individual</h2>
<div class="offer-layout">
<div>
<p class="section-subtitle">
Acesso completo ao Método de Tática Individual<br />
Com Vinícius Teixeira<br />
por apenas R$ 97,00 (sugestão inicial)
</p>
<div class="offer-price">
R$ 97,00 <span>(sugestão inicial)</span>
</div>
<ul class="offer-includes">
<li>Curso completo</li>
<li>Bônus</li>
<li>Atualizações</li>
<li>Garantia incondicional de 7 dias</li>
</ul>
<div style="margin-top: 1.2rem;">
<!-- CTA da oferta agora aponta para o link da Hotmart -->
<a
href="https://pay.hotmart.com/G102466263I?off=rm4nbt0n"
class="btn btn-primary"
target="_blank"
rel="noopener"
>
<span class="icon">✔</span>
<span>Quero entrar para o método</span>
</a>
</div>
</div>
<aside class="offer-card">
<h3>O que você recebe</h3>
<p>
Aulas gravadas, conteúdos práticos e aplicáveis, mais encontros em grupo com Vinícius para tirar dúvidas e ajustar detalhes do teu jogo ou do jogo dos teus atletas.
</p>
<p style="margin-top: 0.6rem;">
Tudo em um único lugar, com acesso organizado e pensado para você colocar em prática imediatamente.
</p>
</aside>
</div>
</section>
<!-- SEÇÃO 10 – GARANTIA -->
<section id="garantia" class="guarantee">
<div class="section-label">Seção 10 • Garantia</div>
<h2 class="section-title">Garantia incondicional de 7 dias</h2>
<p class="guarantee-main">
Garantia incondicional de 7 dias
</p>
<p>
Se você entrar no curso, assistir às aulas e perceber que não evoluiu,
</p>
<p>
basta enviar uma mensagem.
</p>
<p>
Devolvemos 100% do seu investimento.
</p>
<p>
Sem perguntas. Sem burocracia.
</p>
</section>
<!-- SEÇÃO 11 – PARA QUEM É -->
<section id="para-quem-e">
<div class="section-label">Seção 11 • Para quem é</div>
<h2 class="section-title">Para Quem É</h2>
<ul class="audience-grid">
<li class="audience-item">✔ Atletas jovens</li>
<li class="audience-item">✔ Jogadores amadores</li>
<li class="audience-item">✔ Jogadores federados</li>
<li class="audience-item">✔ Treinadores</li>
<li class="audience-item">✔ Professores</li>
<li class="audience-item">✔ Pais que querem ajudar seus filhos a evoluir</li>
<li class="audience-item">✔ Escolinhas e projetos sociais</li>
</ul>
</section>
<!-- SEÇÃO 12 – CTA FINAL -->
<section id="cta-final" class="cta-final">
<div class="section-label">Seção 12 • Call to Action Final</div>
<h2 class="cta-final-title">
<strong>Se você quer evoluir de verdade…</strong><br />
você precisa entender a tática individual.
</h2>
<p class="cta-final-sub">
E ninguém melhor para te ensinar do que um capitão bicampeão mundial.
</p>
<div class="cta-final-buttons">
<!-- CTA final agora aponta para o link da Hotmart -->
<a
href="https://pay.hotmart.com/G102466263I?off=rm4nbt0n"
class="btn btn-primary"
target="_blank"
rel="noopener"
>
<span class="icon">🔥</span>
<span>Começar agora</span>
</a>
<!-- Mantém âncora interna (não é compra) -->
<a href="#metodo" class="btn btn-outline">
<span>Ver tudo o que vou aprender</span>
</a>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
Tática Individual no Futsal – Método Vinícius Teixeira · Todos os direitos reservados.
</footer>
</div>
</body>
</html>