:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172d32;background:#f4f8f6}*{box-sizing:border-box}body{margin:0}a{color:#087c66;text-decoration:none}a:hover{text-decoration:underline}header{background:#fff;border-bottom:1px solid #dce9e4}.wrap{max-width:1160px;margin:auto;padding:0 24px}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{font-weight:850;font-size:23px;letter-spacing:-1px;color:#173e3c}.brand span{color:#15a986}.brand small{font-size:12px;letter-spacing:0}nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:14px;font-weight:700}nav form{display:inline}main{min-height:calc(100vh - 145px);padding-top:34px;padding-bottom:60px}.hero{background:#113f3b;color:#fff;border-radius:24px;padding:76px 62px;margin:4px 0 28px;background-image:radial-gradient(circle at 85% 20%,#23816d 0%,transparent 43%)}.hero.compact{padding:48px}.hero h1{font-size:clamp(35px,5vw,62px);line-height:1.08;letter-spacing:-2px;max-width:750px;margin:16px 0}.hero em{color:#6ae0b5;font-style:normal}.hero p{max-width:560px;font-size:18px;line-height:1.55;color:#e2f3ed}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:900;color:#11aa88}.hero .eyebrow{color:#8de7c4}.button,button{border:0;background:#0d9978;color:white;border-radius:10px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;display:inline-block}.button:hover,button:hover{background:#076f58;text-decoration:none}.link{padding:0;background:none;color:#087c66}.link:hover{background:none}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:minmax(270px,390px) minmax(0,1fr);align-items:start}.card{display:block;background:#fff;border:1px solid #dbe8e3;border-radius:17px;padding:24px;margin-bottom:16px;box-shadow:0 5px 24px #123f3810;color:inherit}.card h2,.card h3{margin:9px 0 12px}.card p{line-height:1.5}.narrow{max-width:460px;margin:35px auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px}.heading h1{font-size:42px;letter-spacing:-1.5px;margin:6px 0}.heading p{max-width:380px;color:#627872}form label{display:block;font-size:13px;font-weight:750;margin:13px 0}input,select,textarea{display:block;width:100%;background:#fff;border:1px solid #c9d9d3;border-radius:9px;padding:11px;margin-top:5px;font:inherit;color:#173f3b}textarea{resize:vertical}form button{margin-top:8px}.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:15px}.inline input,.inline select{width:auto;margin:0;min-width:130px}.inline button{margin:0}.row{display:flex;justify-content:space-between;gap:12px}.row small,.muted{color:#687c77}.row p{margin:7px 0}.stat strong{display:block;font-size:46px;color:#0b9777}.stat span{color:#54716a}table{border-collapse:collapse;width:100%;margin:25px 0}th,td{text-align:left;padding:12px;border-bottom:1px solid #dae8e1}th{color:#64817a;font-size:12px}.alert,.success{padding:14px 18px;border-radius:10px;margin-bottom:20px}.alert{background:#ffebe7;color:#a33425}.success{background:#dff6e9;color:#166f4c}footer{color:#78908a;padding-top:20px;padding-bottom:30px;font-size:12px}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:15px}nav{gap:13px}.three,.split{grid-template-columns:1fr}.hero,.hero.compact{padding:36px 24px}.heading{align-items:flex-start;flex-direction:column}.row{flex-direction:column}table{font-size:12px}th,td{padding:7px}}@media print{header,footer,.no-print,.alert,.success{display:none!important}body{background:white}.wrap{max-width:none}.print{border:0;box-shadow:none;padding:0}.heading{margin:0}}

/* Una identidad visual reconocible en la página de entrada de cada producto. */
.hero-reventa{background:#292b65;background-image:radial-gradient(circle at 85% 18%,#5554b4 0%,transparent 48%)}
.hero-reventa .eyebrow{color:#d1ceff}
.hero-reventa .button{background:#7475d8}
.hero-reventa .button:hover{background:#5c5ebc}
.hero-cotiza{background:#123c68;background-image:radial-gradient(circle at 85% 18%,#247fb1 0%,transparent 48%)}
.hero-cotiza .eyebrow{color:#aee2ff}
.hero-cotiza .button{background:#168bb8}
.hero-cotiza .button:hover{background:#0b6c98}
.hero-cobraya{background:#653048;background-image:radial-gradient(circle at 85% 18%,#a94c66 0%,transparent 48%)}
.hero-cobraya .eyebrow{color:#ffd6db}
.hero-cobraya .button{background:#c55e72}
.hero-cobraya .button:hover{background:#a7475d}