:root{--primary:#0c6b4b;--primary-dark:#074934;--accent:#72d7aa;--mint:#e9f8f0;--ink:#14251d;--muted:#708077;--line:#dceae2;--surface:#fff;--bg:#f5faf7;--shadow:0 14px 40px rgba(8,72,49,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",sans-serif;background:linear-gradient(135deg,#f9fdfb 0%,#eef8f3 100%);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.landing-nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 22px}.landing-brand,.brand{font-weight:900;letter-spacing:-.7px}.landing-brand{font-size:23px;color:var(--primary-dark)}.landing-brand:before,.brand:before{content:\"✦\";display:inline-grid;place-items:center;margin-right:9px;width:33px;height:33px;border-radius:11px;background:var(--accent);color:var(--primary-dark)}.landing-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.hero{max-width:1180px;margin:auto;padding:72px 22px 95px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow{display:inline-block;background:var(--mint);color:var(--primary);font-weight:800;border-radius:99px;padding:9px 13px;font-size:13px}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.8px;margin:22px 0;color:var(--primary-dark)}.hero p{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.hero-visual{min-height:410px;border-radius:35px;background:linear-gradient(145deg,var(--primary-dark),var(--primary));position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(7,73,52,.24)}.hero-visual:before{content:\"🐾\";position:absolute;font-size:160px;right:55px;top:85px;filter:drop-shadow(0 20px 25px #0004)}.hero-visual:after{content:\"Clientes · Mascotas · Citas · Historial\";position:absolute;left:30px;right:30px;bottom:30px;background:#ffffffed;border-radius:18px;padding:20px;color:var(--primary-dark);font-weight:800}.feature-section{background:#fff;padding:80px 22px}.section-inner{max-width:1180px;margin:auto}.section-title{text-align:center;max-width:680px;margin:0 auto 42px}.section-title h2{font-size:38px;margin:0 0 12px;color:var(--primary-dark)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:27px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow)}.feature b{display:block;font-size:18px;color:var(--primary-dark);margin-bottom:9px}.feature span{color:var(--muted);line-height:1.55}.landing-footer{text-align:center;padding:35px;color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:268px;background:linear-gradient(180deg,#073e2c,#0c6045);color:#fff;padding:28px 17px;box-shadow:8px 0 30px rgba(7,62,44,.13)}.brand{font-size:23px;padding:0 14px 30px}.nav a{display:flex;gap:11px;align-items:center;padding:12px 14px;border-radius:12px;color:#d8f0e4;margin:5px 0;font-size:14px;transition:.2s}.nav a:hover,.nav a.active{background:#ffffff1b;color:#fff;font-weight:750;transform:translateX(2px)}.main{flex:1;padding:34px 42px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.top h1{font-size:30px;letter-spacing:-.7px;margin:0 0 5px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat{position:relative;overflow:hidden}.stat:after{content:\"\";position:absolute;right:-25px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:var(--mint)}.stat strong{display:block;font-size:34px;color:var(--primary-dark);margin-top:10px;position:relative;z-index:1}.muted{color:var(--muted)}h2{margin-top:0;color:var(--primary-dark)}table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:#f7fcf9}tr:last-child td{border-bottom:0}.btn{display:inline-block;background:var(--primary);color:#fff;border:0;border-radius:11px;padding:12px 18px;cursor:pointer;font-weight:750;box-shadow:0 8px 18px rgba(12,107,75,.2)}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:var(--mint);color:var(--primary-dark);box-shadow:none}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(12,107,75,.09)}.field{margin:13px 0}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.login{width:min(450px,100%)}.login h1{font-size:32px}.error{background:#fff0f0;color:#9c2d2d;padding:12px;border-radius:10px;margin-bottom:12px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:44px}.hero-visual{min-height:300px}.feature-grid{grid-template-columns:1fr 1fr}.sidebar{width:76px;padding:25px 10px}.brand{font-size:0;padding-left:9px}.brand:before{font-size:18px;margin:0}.nav span{display:none}.nav a{justify-content:center}.main{padding:22px 16px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.landing-links a:not(.btn){display:none}.hero h1{font-size:38px}.feature-grid,.grid{grid-template-columns:1fr}.top{align-items:flex-start;gap:12px;flex-direction:column}}