:root{
    --papel:#FBF9F4;
    --papel-alt:#F4F0E7;
    --tinta:#26241F;
    --tinta-suave:#514E45;
    --salvia:#748067;
    --salvia-suave:#DCE1D5;
    --arcilla:#1E8F8A;
    --arcilla-hover:#166F6B;
    --turquesa-suave:#DEEFEE;
    --linea:rgba(38,36,31,0.12);
    --radius:2px;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--papel);color:var(--tinta);font-family:'Inter',sans-serif;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;}
  @media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important; transition-duration:0.01ms !important;}}
  img,svg{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1080px;margin:0 auto;padding:0 28px;}
  .eyebrow{font-size:12.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--salvia);font-weight:600;margin-bottom:20px;display:inline-block;}
  h1,h2,h3{font-family:'Fraunces',serif;font-weight:400;letter-spacing:-0.01em;color:var(--tinta);}
  .section{padding:104px 0;position:relative;}
  .section-alt{background:var(--papel-alt);}
  p.lead{font-size:19px;color:var(--tinta-suave);max-width:600px;}
  .btn{display:inline-flex;align-items:center;gap:10px;background:var(--arcilla);color:#fff;font-weight:600;font-size:15.5px;padding:17px 32px;border-radius:var(--radius);transition:background 0.25s ease, transform 0.25s ease;border:none;cursor:pointer;}
  .btn:hover{background:var(--arcilla-hover); transform:translateY(-1px);}
  .btn-ghost{background:transparent;color:var(--tinta);border:1px solid var(--linea);}
  .btn-ghost:hover{background:rgba(38,36,31,0.05); transform:none;}
  .btn:focus-visible, a:focus-visible, button:focus-visible{outline:2px solid var(--arcilla); outline-offset:3px;}

  /* NAV */
  nav.topbar{position:sticky;top:0;z-index:60;background:rgba(251,249,244,0.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--linea);}
  nav.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;}
  .logo{font-family:'Fraunces',serif;font-style:italic;font-size:19px;display:flex;flex-direction:column;line-height:1.15;}
  .logo small{font-family:'Inter',sans-serif;font-style:normal;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--salvia);font-weight:600;}
  .nav-links{display:flex;gap:28px;font-size:14px;}
  .nav-links a:hover{color:var(--arcilla);}
  .login-btn{font-size:14px;font-weight:600;padding:9px 18px;border-radius:var(--radius);background:var(--arcilla);color:#fff;}
  @media (max-width:860px){.nav-links{display:none;}}

  /* HERO */
  .hero-inner{max-width:800px;padding-top:96px;padding-bottom:56px;text-align:center;margin-inline:auto;}
  .hero-inner h1{font-size:48px;line-height:1.15;margin-bottom:26px;}
  .hero-inner p.lead{font-size:20px;margin-bottom:30px;margin-inline:auto;}
  .trust-strip{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:36px;padding-top:32px;border-top:1px solid var(--linea);}
  .trust-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tinta-suave);}
  .trust-item svg{flex-shrink:0;}
  .line-motif{width:100%; height:56px; opacity:0.5;}

  /* PATH CARDS (dos caminos independientes) */
  .paths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px;}
  .path-card{background:var(--papel);border:1px solid var(--linea);border-radius:10px;padding:48px 40px;display:flex;flex-direction:column;}
  .path-card.destacado{background:var(--turquesa-suave);border:none;}
  .path-card .p-tag{font-size:17px;letter-spacing:0.01em;text-transform:none;color:var(--arcilla-hover);font-weight:700;margin-bottom:16px;display:block;}
  .path-card h3{font-size:23px;margin-bottom:14px;font-weight:500;line-height:1.3;}
  .path-card p{color:var(--tinta-suave);font-size:15.5px;margin-bottom:30px;flex-grow:1;}
  .path-card .btn{align-self:flex-start;}
  @media (max-width:760px){ .paths-grid{grid-template-columns:1fr;} .path-card{padding:38px 30px;} }

  /* BENEFICIOS (antes "pasos") */
  .pasos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;border:1px solid var(--linea);}
  .paso{background:var(--papel);padding:40px 34px;border-right:1px solid var(--linea);}
  .paso:last-child{border-right:none;}
  .paso svg{margin-bottom:20px;}
  .paso h3{font-size:21px;margin-bottom:12px;font-weight:500;line-height:1.3;}
  .paso p{color:var(--tinta-suave);font-size:15px;}

  /* HISTORIA */
  .historia-lead{font-size:18px;color:var(--tinta-suave);max-width:640px;margin-bottom:8px;}
  .historia-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:36px;}
  .historia-part{border-left:2px solid var(--salvia);padding-left:20px;}
  .historia-part .h-label{font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--salvia);font-weight:600;margin-bottom:10px;display:block;}
  .historia-part p{color:var(--tinta-suave);font-size:15px;}
  .historia-close{font-family:'Fraunces',serif;font-style:italic;font-size:21px;color:var(--tinta);margin-top:40px;max-width:660px;}

  /* COMUNIDAD */
  .community-card{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radius);padding:38px;max-width:600px;}
  .community-card p{color:var(--tinta-suave);font-size:15.5px;margin-bottom:22px;}

  /* FAQ */
  .faq-item{border-bottom:1px solid var(--linea); padding:24px 0;}
  .faq-item summary{cursor:pointer;font-family:'Fraunces',serif;font-size:18px;font-weight:400;color:var(--tinta);list-style:none;display:flex;justify-content:space-between;align-items:center;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:"+"; font-size:22px; color:var(--salvia); transition:transform 0.2s ease;}
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item p{margin-top:14px; color:var(--tinta-suave); font-size:15.5px; max-width:640px;}

  /* SOCIAL */
  .social-row{display:flex;gap:18px;margin-top:30px;flex-wrap:wrap;}
  .social-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--linea);padding:10px 18px;border-radius:30px;font-size:14px;font-weight:500;}
  .social-pill:hover{background:rgba(38,36,31,0.05);}

  /* FINAL */
  .final-cta{text-align:center;background:var(--turquesa-suave);border-radius:var(--radius);padding:80px 40px;}
  .final-cta h2{font-size:36px; margin-bottom:14px; max-width:660px; margin-inline:auto;}
  .final-cta p.lead{margin-inline:auto; text-align:center; font-size:17px;}
  .final-cta .cta-row{justify-content:center;margin-top:30px;}

  footer{padding:48px 0; border-top:1px solid var(--linea); text-align:center;}
  footer p{font-size:13px; color:var(--tinta-suave);}
  footer .brand{font-family:'Fraunces',serif; font-style:italic; font-size:16px; color:var(--tinta); margin-bottom:8px;}

  .sticky-cta{position:fixed; bottom:22px; right:22px; z-index:50; padding:16px; border-radius:50%;}

  @media (max-width:860px){
    .hero-inner{padding-top:20px;}
    .hero-inner h1{font-size:32px;}
    .pasos-grid{grid-template-columns:1fr;}
    .paso{border-right:none;border-bottom:1px solid var(--linea);}
    .paso:last-child{border-bottom:none;}
    .historia-parts{grid-template-columns:1fr; gap:24px;}
    .section{padding:64px 0;}
    .final-cta{padding:52px 24px;}
    .final-cta h2{font-size:26px;}
    .trust-strip{flex-direction:column;gap:14px;}
  }