/* ============================================================
   PIKE — FRANQUIA PAGE
   ============================================================ */

/* HERO */
.fr-hero{
  position:relative;
  min-height:100vh;
  background:var(--navy-deep);color:var(--cream);
  display:flex;align-items:center;
  padding:calc(var(--nav-h) + 60px) 0 80px;
  overflow:hidden;
}
.fr-hero-bg{position:absolute;inset:0;z-index:0;opacity:.45}
.fr-hero-bg img{width:100%;height:100%;object-fit:cover}
.fr-hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(19,31,69,.4),rgba(19,31,69,.92));
}
.fr-hero-inner{
  position:relative;z-index:2;max-width:1200px;width:100%;
  margin:0 auto;padding:0 var(--gutter);
}
.fr-hero h1{
  font-size:clamp(64px,10vw,160px);color:var(--cream);
  line-height:.92;margin:24px 0 32px;
}
.fr-hero h1 em{font-family:var(--font-serif);font-style:italic;color:var(--gold);font-weight:400;font-size:.65em}
.fr-hero p{
  font-family:var(--font-serif);font-style:italic;
  font-size:22px;line-height:1.65;
  color:rgba(242,236,216,.85);
  max-width:680px;
  margin-bottom:36px;
}
.fr-hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:32px;
  padding:32px 0 0;
  border-top:1px solid rgba(184,151,74,.3);
  margin-top:48px;
}
.fr-stat{display:flex;flex-direction:column;gap:6px}
.fr-stat-num{
  font-family:var(--font-display);
  font-size:clamp(40px,5vw,64px);
  color:var(--gold-soft);line-height:1;
}
.fr-stat-label{
  font-family:var(--font-ui);
  font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(242,236,216,.7);font-weight:600;
}
@media(max-width:880px){.fr-hero-stats{grid-template-columns:1fr 1fr;gap:24px}}

/* OPORTUNIDADE */
.opportunity{
  background:var(--cream);
  position:relative;
}
.opp-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.opp-text h2{font-size:clamp(40px,5vw,72px);margin-bottom:28px}
.opp-text h2 em{color:var(--gold);font-family:var(--font-serif);font-style:italic;font-weight:400}
.opp-text p{font-family:var(--font-serif);font-size:18px;line-height:1.7;margin-bottom:18px;opacity:.84}
.opp-image{aspect-ratio:4/5;overflow:hidden;position:relative}
.opp-image img{width:100%;height:100%;object-fit:cover}
@media(max-width:880px){.opp-grid{grid-template-columns:1fr;gap:48px}}

/* MODELOS */
.models{
  background:var(--cream-warm);position:relative;
}
.models-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:32px;margin-top:60px;
}
.model-card{
  background:var(--paper);
  position:relative;overflow:hidden;
  border:1px solid rgba(184,151,74,.18);
  transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);
}
.model-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 60px rgba(28,43,94,.16);
}
.model-card-img{aspect-ratio:16/10;overflow:hidden;position:relative}
.model-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
.model-card:hover .model-card-img img{transform:scale(1.05)}
.model-card-tag{
  position:absolute;top:24px;left:24px;
  background:var(--navy);color:var(--cream);
  font-family:var(--font-ui);font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:700;
  padding:8px 14px;
}
.model-card-body{padding:40px 36px}
.model-card-name{
  font-family:var(--font-display);font-size:42px;letter-spacing:.04em;
  color:var(--navy);line-height:1;margin-bottom:8px;
}
.model-card-area{
  font-family:var(--font-serif);font-style:italic;
  font-size:16px;color:var(--ink);opacity:.7;margin-bottom:24px;
}
.model-stats{
  display:grid;grid-template-columns:1fr 1fr;
  gap:20px;
  margin:24px 0;padding:24px 0;
  border-top:1px solid rgba(184,151,74,.2);
  border-bottom:1px solid rgba(184,151,74,.2);
}
.model-stat-num{
  font-family:var(--font-display);font-size:32px;
  color:var(--red);line-height:1;
}
.model-stat-label{
  font-family:var(--font-ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink);opacity:.6;font-weight:600;margin-top:4px;
}
.model-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.model-feat{
  font-family:var(--font-serif);font-size:15px;line-height:1.55;
  color:var(--ink);opacity:.85;
  display:flex;gap:10px;align-items:flex-start;
}
.model-feat::before{content:"";display:inline-block;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);margin-top:9px;flex-shrink:0}

@media(max-width:880px){.models-grid{grid-template-columns:1fr;gap:18px}}

/* ROI SIMULATOR */
.roi{
  background:var(--navy);color:var(--cream);
  position:relative;overflow:hidden;
}
.roi .light-beam{top:-100px;right:0}
.roi-grid{
  display:grid;grid-template-columns:1fr 1.1fr;
  gap:60px;
  margin-top:48px;
  position:relative;z-index:2;
}
.roi-controls{
  background:rgba(19,31,69,.6);
  border:1px solid rgba(184,151,74,.3);
  padding:48px;
}
.roi-controls h3{font-family:var(--font-display);font-size:28px;color:var(--cream);margin-bottom:28px;letter-spacing:.04em}
.roi-field{margin-bottom:24px}
.roi-label{
  display:block;
  font-family:var(--font-ui);font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold-soft);font-weight:600;margin-bottom:10px;
}
.roi-buttons{display:flex;gap:8px}
.roi-btn{
  flex:1;
  padding:14px;
  background:transparent;color:rgba(242,236,216,.7);
  border:1px solid rgba(184,151,74,.3);
  font-family:var(--font-ui);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
  cursor:pointer;transition:all .3s var(--ease-out);
}
.roi-btn:hover{border-color:var(--gold);color:var(--cream)}
.roi-btn.on{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.roi-slider-wrap{display:flex;align-items:center;gap:18px}
.roi-slider{
  flex:1;-webkit-appearance:none;appearance:none;
  height:2px;background:rgba(184,151,74,.4);
  outline:none;
}
.roi-slider::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:20px;height:20px;background:var(--gold);
  border-radius:50%;cursor:pointer;
  transition:transform .2s;
}
.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}
.roi-slider::-moz-range-thumb{width:20px;height:20px;background:var(--gold);border-radius:50%;cursor:pointer;border:0}
.roi-value{
  font-family:var(--font-display);font-size:24px;color:var(--cream);
  letter-spacing:.04em;min-width:90px;text-align:right;
}

.roi-results{
  background:var(--cream);color:var(--navy);
  padding:48px;
  position:relative;
}
.roi-results-title{
  font-family:var(--font-ui);font-size:11px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--gold);font-weight:700;margin-bottom:24px;
}
.roi-results-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:24px;
}
.roi-result-block{
  padding:20px 0;
  border-bottom:1px solid rgba(184,151,74,.2);
}
.roi-result-block:last-child,.roi-result-block:nth-last-child(2){border-bottom:0}
.roi-result-label{
  font-family:var(--font-ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink);opacity:.7;font-weight:600;margin-bottom:6px;
}
.roi-result-value{
  font-family:var(--font-display);font-size:36px;
  color:var(--navy);line-height:1;letter-spacing:.04em;
}
.roi-result-value.red{color:var(--red)}
.roi-result-value.gold{color:var(--gold)}
.roi-payback{
  margin-top:24px;padding-top:24px;
  border-top:1px solid rgba(184,151,74,.4);
  text-align:center;
}
.roi-payback-num{
  font-family:var(--font-display);font-size:64px;color:var(--red);line-height:1;
}
.roi-payback-label{
  font-family:var(--font-ui);font-size:12px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--ink);opacity:.7;font-weight:600;margin-top:6px;
}

@media(max-width:980px){.roi-grid{grid-template-columns:1fr;gap:24px}.roi-controls,.roi-results{padding:32px}}

/* TIMELINE */
.timeline{
  background:var(--cream);
  position:relative;
}
.timeline-hero{
  display:grid;grid-template-columns:1fr 1.2fr;gap:60px;
  align-items:center;
  margin-bottom:80px;
}
.timeline-hero img{width:100%;height:auto}
.timeline-hero h2{font-size:clamp(40px,5vw,72px);margin-bottom:24px}
.timeline-hero h2 em{color:var(--gold);font-family:var(--font-serif);font-style:italic;font-weight:400}
.timeline-hero p{font-family:var(--font-serif);font-size:18px;line-height:1.7;margin-bottom:18px;opacity:.84}

.timeline-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:24px;position:relative;
}
.timeline-grid::before{
  content:"";position:absolute;
  top:32px;left:5%;right:5%;
  height:1px;background:var(--gold);
  opacity:.4;z-index:0;
}
.tl-step{
  background:var(--paper);
  padding:36px 24px 32px;
  text-align:center;
  position:relative;z-index:1;
  border:1px solid rgba(184,151,74,.18);
}
.tl-step-num{
  width:54px;height:54px;
  background:var(--gold);color:var(--navy);
  display:grid;place-items:center;
  font-family:var(--font-display);font-size:22px;letter-spacing:.04em;
  margin:0 auto 18px;
  border-radius:50%;
}
.tl-step h4{
  font-family:var(--font-display);font-size:22px;color:var(--navy);
  letter-spacing:.04em;margin-bottom:8px;line-height:1;
}
.tl-step-period{
  font-family:var(--font-ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:14px;
}
.tl-step p{
  font-family:var(--font-serif);font-size:14px;line-height:1.55;
  color:var(--ink);opacity:.78;
}

@media(max-width:980px){.timeline-grid{grid-template-columns:1fr 1fr;gap:18px}.timeline-grid::before{display:none}.timeline-hero{grid-template-columns:1fr;gap:32px}}
@media(max-width:560px){.timeline-grid{grid-template-columns:1fr}}

/* SUPPLIERS */
.suppliers-section{
  background:var(--navy-deep);color:var(--cream);
  position:relative;overflow:hidden;
}
.suppliers-grid{
  display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;
}
.suppliers-text h2{color:var(--cream);font-size:clamp(40px,5vw,72px);margin-bottom:24px}
.suppliers-text h2 em{color:var(--gold);font-family:var(--font-serif);font-style:italic;font-weight:400}
.suppliers-text p{font-family:var(--font-serif);font-size:18px;line-height:1.7;color:rgba(242,236,216,.82);margin-bottom:18px}
.suppliers-img img{width:100%;border:1px solid rgba(184,151,74,.3)}
.sup-list{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:14px;margin-top:32px;
}
.sup-item{
  font-family:var(--font-display);font-size:22px;
  color:var(--gold-soft);
  padding:14px 0;
  border-top:1px solid rgba(184,151,74,.2);
  letter-spacing:.04em;
}
@media(max-width:880px){.suppliers-grid{grid-template-columns:1fr;gap:40px}}

/* HISTORIES */
.histories{
  background:var(--cream);
}
.hist-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:32px;margin-top:60px;
}
.hist-card{
  background:var(--paper);
  border:1px solid rgba(184,151,74,.18);
  overflow:hidden;
}
.hist-card-img{aspect-ratio:16/10;overflow:hidden}
.hist-card-img img{width:100%;height:100%;object-fit:cover}
.hist-card-body{padding:36px 32px}
.hist-card-eyebrow{
  font-family:var(--font-ui);font-size:10px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--gold);font-weight:700;margin-bottom:14px;
}
.hist-card h3{font-family:var(--font-display);font-size:26px;letter-spacing:.04em;color:var(--navy);line-height:1.1;margin-bottom:14px}
.hist-card p{font-family:var(--font-serif);font-size:16px;line-height:1.65;color:var(--ink);opacity:.84;margin-bottom:14px}
.hist-author{
  display:flex;align-items:center;gap:14px;margin-top:24px;
  padding-top:18px;border-top:1px solid rgba(184,151,74,.2);
}
.hist-author-info{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--ink);opacity:.7}

@media(max-width:880px){.hist-grid{grid-template-columns:1fr}}

/* FINAL CTA */
.fr-cta{
  background:var(--navy);color:var(--cream);
  position:relative;overflow:hidden;
  padding:120px 0;text-align:center;
}
.fr-cta-bg{
  position:absolute;inset:0;z-index:0;
  opacity:.18;
}
.fr-cta-bg img{width:100%;height:100%;object-fit:cover}
.fr-cta-content{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:0 var(--gutter)}
.fr-cta h2{color:var(--cream);font-size:clamp(48px,7vw,96px);margin-bottom:24px}
.fr-cta h2 em{color:var(--gold);font-family:var(--font-serif);font-style:italic;font-weight:400}
.fr-cta p{font-family:var(--font-serif);font-style:italic;font-size:21px;line-height:1.65;color:rgba(242,236,216,.85);margin-bottom:36px}