/* 01-base.css
   Variables de diseno, reset, tipografia, botones y campos
   Se cargan en este orden: la cascada depende de el. */

:root{
  --bg:#FFFFFF;--bg-2:#F8F6F0;--card:#FFFFFF;--line:#E7E2D6;--line-soft:#EFEBE2;
  --text:#14213D;--muted:#61708A;--muted-2:#8A97AB;
  --yellow:#F5B82E;--yellow-2:#FFC94D;--yellow-soft:#FFF3D1;--yellow-ink:#3A2A00;--gold:#B7861A;
  --navy:#14213D;--navy-2:#1F3160;--wa:#1FA855;--wa-soft:#E3F6EA;--red:#E5484D;
  --lav:#EFEBFA;--peach:#FFF1E3;--mint:#E8F6EE;--sky:#E6F1FB;--rose:#FBE9EC;
  --shadow:0 20px 50px -24px rgba(20,33,61,.22);--shadow-sm:0 8px 24px -14px rgba(20,33,61,.18);
  --maxw:1140px;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --display:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;letter-spacing:-0.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;} a[href]{cursor:pointer;} [data-start]{cursor:pointer;}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-0.025em;line-height:1.06;margin:0;color:var(--navy);} p{margin:0;} ul{margin:0;padding:0;list-style:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section{padding:92px 0;} .section.alt{background:var(--bg-2);}
.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:13.5px;color:#7A5300;background:var(--yellow-soft);padding:7px 14px;border-radius:999px;margin-bottom:18px;}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow);}
.h2{font-size:clamp(30px,4vw,48px);margin-bottom:16px;max-width:22ch;}
.center{text-align:center;} .center .h2,.center .lede{margin-left:auto;margin-right:auto;}
.lede{color:var(--muted);font-size:18.5px;line-height:1.6;max-width:62ch;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:700;font-size:15px;padding:13px 24px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--navy);color:#fff;} .btn-primary:hover{background:var(--navy-2);}
.btn-yellow{background:var(--yellow);color:var(--yellow-ink);} .btn-yellow:hover{background:var(--yellow-2);}
.btn-outline{border-color:var(--line);color:var(--text);background:#fff;} .btn-outline:hover{border-color:var(--navy);}
.btn-lg{padding:16px 30px;font-size:16px;}
.link{color:var(--gold);font-weight:700;border-bottom:1.5px solid rgba(183,134,26,.35);padding-bottom:1px;} .link:hover{border-bottom-color:var(--gold);}