/* =====================================================================
   Lengwi · páginas de información (precios, contacto, términos, privacidad,
   reembolsos). Usa los colores y tipografías de auth.css.
   ===================================================================== */
body{min-height:100vh; display:flex; flex-direction:column;}
.lg-top{display:flex; align-items:center; gap:14px; padding:16px 24px; border-bottom:1px solid var(--line); background:var(--card);}
.lg-back{margin-left:auto; font-size:.92rem;}
.lg{flex:1; width:100%; max-width:820px; margin:0 auto; padding:32px 16px 48px;}
.lg-card{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:36px 40px 34px;
  box-shadow:0 18px 40px -32px rgba(58,44,28,.35);}
.lg-card h1{font-family:var(--serif); color:var(--head); font-size:2rem; line-height:1.15; letter-spacing:-.01em; margin:0;}
.lg-date{margin:6px 0 0; color:var(--muted); font-size:.9rem;}
.lg-card .lead{font-size:1.08rem; margin:18px 0 6px; color:var(--ink);}
.lg-card h2{font-family:var(--serif); color:var(--head); font-size:1.25rem; margin:30px 0 8px; letter-spacing:-.01em;}
.lg-card p{margin:0 0 10px;}
.lg-card ul{margin:0 0 12px; padding-left:22px;}
.lg-card li{margin:0 0 7px;}
.lg-card b{color:var(--head);}

/* Precios */
.plans{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:24px 0 8px;}
.plan{border:1px solid var(--line); border-radius:16px; padding:22px 22px 20px; display:flex; flex-direction:column; background:var(--field);}
.plan h2{margin:0 0 6px;}
.plan-pro{border:2px solid var(--accent); background:#fbfdf9;}
.plan-price{margin:0; font-size:1rem; color:var(--muted);}
.plan-price b{font-family:var(--serif); font-size:2.1rem; color:var(--head); letter-spacing:-.02em;}
.plan-tax{margin:2px 0 0 !important; font-size:.86rem; color:var(--accent-dark);}
.plan ul{list-style:none; padding:0; margin:16px 0 18px; flex:1;}
.plan li{display:flex; gap:9px; align-items:flex-start; font-size:.95rem;}
.plan li svg{width:17px; height:17px; flex:none; margin-top:4px; color:var(--accent);}
.plan .btn-primary,.plan .btn-secondary{margin-top:auto;}

/* Contacto */
.ct-form{margin-top:22px; gap:4px;}
.ct-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.ct-fld{display:flex; flex-direction:column; gap:6px; min-width:0;}
.ct-form select,.ct-form textarea{width:100%; padding:12px 14px; font:400 1rem var(--sans); color:var(--ink); background:var(--field);
  border:1px solid var(--line); border-radius:12px; outline:none;}
.ct-form textarea{resize:vertical; min-height:150px; line-height:1.5;}
.ct-form select:focus,.ct-form textarea:focus{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);}
.ct-form .btn-primary{width:auto; align-self:flex-start; padding:13px 30px;}
.ct-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.ct-alt{margin:26px 0 0 !important; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:.93rem;}

.lg-foot{padding:22px 16px 30px; text-align:center; color:var(--muted); font-size:.9rem;}
.lg-foot nav{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin-bottom:8px;}
.lg-foot a{color:var(--muted); font-weight:600;}
.lg-foot a:hover{color:var(--accent-dark);}
.lg-foot p{margin:0;}

@media (max-width:640px){
  .lg-card{padding:26px 20px 24px; border-radius:16px;}
  .lg-card h1{font-size:1.6rem;}
  .plans,.ct-row{grid-template-columns:1fr;}
  .ct-form .btn-primary{width:100%;}
  .lg-top{padding:14px 16px;}
}
.plans-3{grid-template-columns:repeat(3,1fr);}
.plan{position:relative;}
.plan-flag{position:absolute; top:-12px; right:16px; margin:0 !important; padding:3px 10px; border-radius:999px; background:var(--accent); color:#fff; font-size:.78rem; font-weight:700;}
@media (max-width:860px){ .lg:has(.plans-3){max-width:820px;} .plans-3{grid-template-columns:1fr;} }
.lg:has(.plans-3){max-width:1000px;}