/* Styles for Amor Sin Guerra landing page */
:root{
  --blue-900:#0b5b81;
  --blue-700:#0b6fa4;
  --blue-100:#eaf6fb;
  --warm-500:#f5a623;
  --muted:#6b7280;
  --max-width:1100px;
}
*{box-sizing:border-box}
body.page-root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;line-height:1.5;color:var(--blue-900);background:#fff;padding:0;margin:0}
.container{max-width:var(--max-width);margin:0 auto;padding:24px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand-title{font-family:Merriweather,serif;font-size:1.25rem;color:var(--blue-900);margin:0}
.brand-sub{margin:4px 0 0;color:var(--muted);font-size:0.95rem}
.brand-logo{width:56px;height:auto;display:inline-block;border-radius:6px;object-fit:contain}
.header-cta .btn-primary{padding:10px 16px}
.site-header{border-bottom:1px solid var(--blue-100);background:#fff}
.hero{display:flex;gap:32px;align-items:center;padding:40px 0}
.hero-left{flex:1}
.hero-right{flex:1;display:flex;justify-content:center}
.hero-title{font-family:Merriweather,serif;font-size:2rem;margin:0 0 12px;color:var(--blue-700)}
.hero-lead{font-size:1.05rem;color:var(--blue-900);margin:0 0 16px}
.hero-benefits{list-style:none;padding:0;margin:12px 0 20px;color:var(--muted)}
.hero-benefits li{margin:6px 0}
.btn-primary{background:var(--blue-700);color:#fff;text-decoration:none;border-radius:8px;display:inline-block;font-weight:600}

/* Secondary button now uses warm accent to stand out */
.btn-secondary{background:var(--warm-500);color:#fff;border:1px solid var(--warm-500);text-decoration:none;border-radius:8px;display:inline-block;padding:10px 14px;font-weight:700}

.btn-gap{margin-left:12px}

/* Contact button: distinct visual style to avoid confusion with CTAs */
.btn-contact{background:#2f855a;color:#fff;border:1px solid #276749;box-shadow:0 4px 12px rgba(47,133,90,0.12);border-radius:8px;padding:10px 14px;font-weight:700}
.btn-contact:hover{background:#276749}
.btn-large{padding:14px 20px;border-radius:10px}
.hero-cta{margin-top:8px;padding:12px 18px}
.hero-cta-row{display:flex;gap:12px;align-items:center;margin-top:8px}
.small-muted{color:var(--muted);font-size:0.85rem;margin-top:8px}
.hero-image{width:100%;max-width:480px;border-radius:8px;object-fit:cover;display:block}
.section{padding:36px 0;border-top:1px solid var(--blue-100)}
.section-title{font-family:Merriweather,serif;font-size:1.25rem;margin:0 0 12px;color:var(--blue-700)}
.testimonials{display:flex;gap:18px;flex-wrap:wrap}
.testimonial{background:var(--blue-100);padding:18px;border-radius:8px;flex:1;min-width:240px}
.testimonial p{margin:0 0 8px;color:var(--blue-900)}
.testimonial cite{color:var(--muted);font-size:0.9rem}
.cred-stats{display:flex;gap:24px;margin-top:16px}
.stat{background:#fff;padding:12px 16px;border-radius:8px;border:1px solid var(--blue-100);text-align:center}
.stat strong{display:block;font-size:1.25rem;color:var(--blue-700)}
.method-list{margin:16px 0 0;padding-left:18px}
.method-list li{margin:12px 0}
.method-title{margin:0 0 6px;font-weight:600}
.offer{display:flex;gap:24px;align-items:flex-start}
.offer-card{background:#fff;border:1px solid var(--blue-100);padding:20px;border-radius:10px;flex:1}
.offer-title{margin:0 0 8px}
.offer-price{font-size:1.2rem;color:var(--blue-700)}
.offer-list{margin:12px 0 16px;padding-left:18px;color:var(--muted)}
.guarantee{flex-basis:320px;background:var(--blue-100);padding:18px;border-radius:8px}
.guarantee-title{margin:0 0 8px}
.guarantee-body{margin:0;color:var(--blue-900)}
.contact .lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-input{padding:10px;border:1px solid var(--blue-100);border-radius:8px}
.form-input[type="email"]{grid-column:2/3}
.lead-form textarea{grid-column:1/3}
.lead-form button{grid-column:1/3;margin-top:6px}
.site-footer{border-top:1px solid var(--blue-100);padding:18px 0;background:#fff}
.footer-inner{display:flex;justify-content:center}
.muted{color:var(--muted)}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Academic block styles (cred-academic) */
.cred-academic {
  background: #f8f9fa;
  padding: 1.5rem;
  border-left: 4px solid #3182ce;
  margin: 2rem 0;
  border-radius: 8px;
}

.academic-title {
  color: #2d3748;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.academic-desc {
  color: #4a5568;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0;
}

/* Responsive */
@media (max-width:900px){
  .hero{flex-direction:column}
  .offer{flex-direction:column}
  .contact .lead-form{grid-template-columns:1fr}
  .form-input[type="email"]{grid-column:auto}
  .lead-form textarea{grid-column:auto}
}

/* Release banner */
.release-banner{background:var(--warm-500);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;margin:14px 0;font-size:1.05rem;text-align:center}
@media (max-width:600px){
  .release-banner{font-size:1rem;padding:10px}
}

/* Pioneros counter */
.pioneros-counter{display:inline-flex;align-items:center;gap:8px;background:var(--blue-100);padding:8px 10px;border-radius:10px;font-weight:700;color:var(--blue-700)}
.pioneros-counter .counter-label{font-weight:600;font-size:0.95rem}
.pioneros-counter #pioneros-count{font-size:1.15rem;color:var(--blue-900)}
.pioneros-counter[aria-live]{outline:0}

/* Stages pricing styles */
.stages{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.stage{background:#fff;border:1px solid var(--blue-100);padding:12px;border-radius:8px}
.stage-header{display:flex;justify-content:space-between;align-items:center}
.stage-title{margin:0;font-weight:700;color:var(--blue-700)}
.stage-price{font-weight:700;color:var(--blue-900)}
.stage-benefits{margin:8px 0 0;color:var(--muted)}
.stage-meta{margin:6px 0 0;color:var(--muted);font-size:0.95rem}
.prelaunch-note{margin-top:12px}

.stage--active{border-color:var(--blue-700);box-shadow:0 4px 18px rgba(11,111,164,0.08)}