:root{--ink:#182222;--teal:#163e3a;--gold:#c5a36b;--cream:#f8f6f0;--line:#dddcd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,20px);background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font-weight:850;font-size:25px;letter-spacing:-1px;color:var(--teal)}.logo span{color:var(--gold)}nav{display:flex;gap:22px}nav a{color:var(--ink);font-size:14px;text-decoration:none}section{padding:76px max(5vw,20px);max-width:1320px;margin:auto}.hero{max-width:none;min-height:470px;background:linear-gradient(110deg,#122e2c,#24534a);color:#fff;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1.05;letter-spacing:-2px;margin:18px 0}.hero em{font-style:normal;color:#e2c18d}.hero p{max-width:600px;font-size:19px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--gold)}h2{font-size:clamp(27px,3.3vw,43px);line-height:1.2;margin:12px 0 30px}h3{font-size:21px;margin:8px 0}.btn,.outline,.tabs button{cursor:pointer;border-radius:7px;padding:12px 20px;font:inherit;font-weight:700}.btn{display:inline-block;background:var(--gold);color:#162520;border:0;text-decoration:none;width:max-content}.outline{border:1px solid var(--teal);background:transparent;color:var(--teal)}.brands{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.brand{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.brand>img,.brand-art{width:100%;height:260px;object-fit:cover}.brand-art{display:grid;place-items:center;text-align:center;background:#27261d;color:#e6c88d;font-size:42px;line-height:1.1;font-weight:900;letter-spacing:3px}.pad{padding:24px}.pad p{min-height:76px}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{background:#fff;border:1px solid var(--line)}.tabs button.selected{background:var(--teal);color:#fff}.muted{color:#5e6966;font-size:14px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0 40px}.product{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.product img{width:100%;aspect-ratio:1;object-fit:cover}.product .pad{padding:15px}.product h3{font-size:18px}.product p{font-size:13px;color:#53615c}.product button{font-size:13px;padding:8px 12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:#edf0ec}.pending{padding:40px;background:#eee9dd;border-radius:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps>div{background:#fff;padding:24px;border:1px solid var(--line);border-radius:12px}.steps b{font-size:26px;color:var(--gold)}#cotizar{background:#fff;border-radius:16px;margin-bottom:60px}form .fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:650;font-size:14px;margin-bottom:15px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #bbc5bf;border-radius:7px;margin-top:6px;background:#fff;font:inherit}label.check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.check input{width:auto;margin:4px 0}#feedback{color:#175d43}footer{background:#122e2c;color:white;padding:30px 5%;display:flex;justify-content:space-between;gap:10px}footer span{opacity:.7}@media(max-width:760px){header{align-items:flex-start}nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:12px}.brands,.fields,.steps{grid-template-columns:1fr!important}.products{grid-template-columns:repeat(2,1fr)}section{padding:50px 20px}.hero{min-height:400px}footer{display:block}footer span{display:block;margin-top:8px}}@media(max-width:380px){.products{grid-template-columns:1fr}}

:focus-visible{outline:3px solid #88642e;outline-offset:4px}
section[id]{scroll-margin-top:80px}
.hero{background:radial-gradient(ellipse at 82% 20%,#386253,transparent 55%),#122e2c}
.brands{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand>img{display:block;object-fit:contain;background:#f1ede3;padding:16px}
.brand:first-child>img{object-fit:cover;padding:0}
.outline{display:inline-block;text-decoration:none}
.product{display:flex;flex-direction:column}
.product .pad{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.product .pad p{min-height:auto;flex:1}
.product img{object-fit:contain;max-height:260px;background:#f2efe7;padding:12px}
.brand-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:center}
.brand-hero img{width:100%;height:340px;object-fit:contain;border-radius:12px;background:#eee9db}
.mano-de-santo .brand-hero{background:#2e221a}
.mano-de-santo .brand-hero img{object-fit:cover}
.patrona-mia .brand-hero{background:#173551}
#cotizar{border:1px solid var(--line);width:min(1120px,calc(100% - 40px));padding:42px}
dialog{width:min(450px,calc(100vw - 32px));padding:28px;border:0;border-radius:12px}
dialog::backdrop{background:#0e1716ed}
.actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.brand-hero{grid-template-columns:1fr;gap:22px}.brand-hero img{height:235px}#cotizar{padding:24px}.logo{font-size:19px}}
.franchise-entry{background:#182320;color:#f2eade;width:min(1120px,calc(100% - 40px));margin:0 auto 48px;padding:42px;border-radius:16px}
.franchise-entry h2{margin:0 0 12px}