/* LANDING: LAS 4 FUGAS DEL ECOMMERCE */

.g4f-hero{ padding:56px 0 64px; }
.g4f-hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start; }

.g4f-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:.8rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); margin-bottom:18px; }
.g4f-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--accent); display:inline-block; }
.g4f-eyebrow--light{ color:var(--accent-dark); }

.g4f-hero-copy h1{ font-size:2.9rem; line-height:1.06; font-weight:800; color:#fff; margin:0 0 18px 0; letter-spacing:-.01em; }
.g4f-hero-copy h1 em{ font-style:normal; color:var(--accent); }
.g4f-lead{ font-size:1.05rem; line-height:1.6; color:var(--dk-muted); max-width:480px; margin:0 0 20px 0; }

.g4f-pillars{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:32px; }
.g4f-pillars span{ border:1px solid rgba(220,160,76,.35); color:var(--accent); font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:5px 12px; border-radius:20px; }

.g4f-form-card{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:28px; max-width:440px; backdrop-filter:blur(6px); }
.g4f-form .mf-field{ margin-bottom:14px; }
.g4f-form .mf-label{ color:var(--dk-muted); }
.g4f-form .mf-input{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); color:#fff; }
.g4f-form .mf-input::placeholder{ color:#6b7690; }
.g4f-form .mf-input.is-error{ border-color:#ef4444; }
.g4f-form .mf-hp{ position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }

.g4f-success{ text-align:center; padding:8px 0; }
.g4f-success-icon{ margin-bottom:12px; }
.g4f-success-title{ color:#fff; font-weight:700; font-size:1.05rem; margin:0 0 16px 0; }

.g4f-hero-visual{ display:flex; justify-content:center; align-items:flex-start; padding-top:8px; }
.g4f-cover-img{ width:100%; max-width:320px; border-radius:10px; box-shadow:0 30px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06); transform:rotate(1.5deg); }

.g4f-chapters{ padding:64px 0; background:#0a0f19; border-top:1px solid rgba(255,255,255,.06); }
.g4f-section-head{ text-align:center; max-width:640px; margin:0 auto 40px auto; }
.g4f-section-head h2{ color:#fff; font-size:1.7rem; font-weight:800; line-height:1.3; margin:0; }
.g4f-chapter-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.g4f-chapter-card{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:22px 20px; }
.g4f-chapter-num{ font-size:1.6rem; font-weight:800; color:rgba(220,160,76,.5); margin-bottom:10px; }
.g4f-chapter-card h3{ color:#fff; font-size:1.02rem; font-weight:700; margin:0 0 8px 0; }
.g4f-chapter-card p{ color:var(--dk-muted); font-size:.86rem; line-height:1.55; margin:0; }

.g4f-cta-final{ padding:56px 0 72px; }
.g4f-cta-final-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(135deg,#151f33,#0d1421); border:1px solid rgba(220,160,76,.2); border-radius:18px; padding:36px 40px; flex-wrap:wrap; }
.g4f-cta-final-inner h2{ color:#fff; font-size:1.35rem; margin:0 0 8px 0; }
.g4f-cta-final-inner p{ color:var(--dk-muted); margin:0; max-width:480px; font-size:.92rem; }

@media (max-width:860px){
  .g4f-hero-grid{ grid-template-columns:1fr; }
  .g4f-hero-visual{ order:-1; padding-top:0; margin-bottom:8px; }
  .g4f-cover-img{ max-width:220px; }
  .g4f-hero-copy h1{ font-size:2.2rem; }
  .g4f-chapter-grid{ grid-template-columns:1fr 1fr; }
  .g4f-cta-final-inner{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:520px){
  .g4f-chapter-grid{ grid-template-columns:1fr; }
}