:root{--ink:#152D55;--paper:#FFF9EF;--orange:#007B74;--line:#c8cfc1;--muted:#52675c;--pale:#E8EFCF}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.7}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.preview{background:#e9d3b3;font-size:12px;letter-spacing:.03em;text-align:center;padding:7px 20px}header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;gap:28px}.brand{display:flex;gap:13px;text-decoration:none;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:.04em}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.05em;margin-top:5px}.mark{width:42px;display:block}.mark svg{width:100%}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;background:var(--ink);color:var(--paper);min-height:610px;overflow:hidden}.hero-copy{padding:65px 0 48px 10%}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700}.eyebrow.light{color:#bed0bc}.hero h1{font-size:clamp(42px,4.9vw,72px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:27px 0 27px}.hero h1 em{font-style:normal;color:#D8F36A}.hero-copy>p{color:#d5ddcf;font-size:17px;margin-bottom:28px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;background:var(--ink);color:white;padding:15px 23px;text-decoration:none;border:1px solid var(--ink);font-size:14px;font-weight:700}.button.orange{color:var(--ink);background:#D8F36A;border-color:#D8F36A}.button:hover{filter:brightness(1.08)}.hero-note{font-size:11px;margin-top:33px;color:#c5d2bf}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-art svg{position:relative;width:100%;max-width:650px;z-index:1;transform:translateX(-15px)}.plan-grid{position:absolute;inset:36px 0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:34px 34px;transform:rotate(-8deg);border:1px solid #ffffff11}.art-caption{position:absolute;bottom:25px;right:30px;font-size:10px;color:#afc2b2}.principles{max-width:1260px;margin:auto;display:flex;justify-content:space-between;padding:24px 25px;border-bottom:1px solid var(--line);font-size:12px}.section{max-width:1260px;margin:auto;padding:75px 25px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:34px}h2{font-size:40px;line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:14px 0 22px}h3{font-size:20px;line-height:1.25;font-weight:600}h1{font-size:56px;line-height:1.08;letter-spacing:-.045em;font-weight:500}.section-heading p{font-size:14px;color:var(--muted);max-width:460px}.filters{display:flex;align-items:center;justify-content:space-between;gap:25px}.filters>div{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid var(--line);padding:9px 16px;border-radius:25px;font-size:13px;color:var(--ink)}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.search{font-size:11px;display:flex;align-items:center;gap:10px}.search input{max-width:200px;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:8px 5px;border-radius:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product{border:1px solid var(--line);background:#fcfbf6;display:flex;flex-direction:column}.product[hidden]{display:none}.product-visual{display:block;position:relative;background:#e8ece0;overflow:hidden}.product-visual img{width:100%;height:auto;display:block;transition:transform .2s}.product-visual:hover img{transform:scale(1.025)}.tag{position:absolute;top:17px;left:17px;background:var(--paper);padding:5px 10px;font-size:10px}.card-body{padding:22px;display:flex;flex-direction:column;flex-grow:1}.card-body h3{margin:10px 0}.card-body h3 a{text-decoration:none}.card-body>p{font-size:14px;color:var(--muted);margin:0 0 20px;min-height:67px}.price{font-size:22px;letter-spacing:-.02em;margin-top:auto;font-weight:600}.card-body>small{font-size:10px;color:var(--muted);display:block;min-height:32px;margin:6px 0 14px}.card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.card-actions>a{font-weight:700;text-decoration:none}.card-actions label{display:flex;gap:6px;align-items:center;cursor:pointer}.card-actions input{accent-color:var(--ink);width:17px;height:17px}.feature-band{background:var(--pale);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:65px max(6%,calc((100vw - 1210px)/2))}.feature-band p{font-size:17px;margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article{border-top:1px solid #9faf9f;padding-top:22px}.steps article>span{font:40px Georgia,serif;color:#8f9b85}.steps p{font-size:15px;color:var(--muted)}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.contact>div:last-child{max-width:420px}.fine{font-size:12px;color:var(--muted)}footer{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--ink);color:var(--paper);padding:55px max(6%,calc((100vw - 1210px)/2));font-size:13px}footer>div:nth-child(2){display:flex;gap:18px;flex-direction:column;align-items:flex-start}footer .fine{grid-column:1/-1;border-top:1px solid #ffffff33;padding-top:25px;color:#c4cfbe;max-width:1000px}#compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;background:var(--ink);color:white;padding:16px 25px;z-index:5;box-shadow:0 5px 30px #0003;border:1px solid #99b09e;font-size:13px;max-width:calc(100% - 20px);width:max-content}#compare-bar[hidden]{display:none}#compare-bar button{border:1px solid #E8EFCF;background:var(--paper);padding:9px 12px;color:var(--ink);white-space:nowrap}dialog{border:0;background:var(--paper);color:var(--ink);max-width:1100px;width:calc(100% - 30px);padding:35px}dialog::backdrop{background:#10251ed9}.dialog-close{float:right;padding:8px 15px;background:white;border:1px solid var(--line)}.table-wrap{overflow-x:auto;margin:30px 0}table{border-collapse:collapse;width:100%;font-size:14px}caption{text-align:left;font-size:12px;margin-bottom:12px;color:var(--muted)}td,th{padding:20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:160px}thead{background:var(--ink);color:white}.back{font-size:13px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:35px 0 65px}.detail h1{font-size:46px;margin:15px 0}.detail-image{display:block;width:100%;height:auto}.lead{font-size:20px;color:var(--muted);max-width:700px}.detail-price{font-size:34px;margin:20px 0 0}.detail .button{margin-top:15px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:40px}.spec-grid h2{font-size:28px}.note{padding:20px 25px;border-left:4px solid var(--orange);background:#ece6d8}.prose{max-width:900px}.prose h2{margin-top:48px;font-size:30px}.prose li{margin-bottom:12px}@media(max-width:1000px){nav{gap:14px;font-size:12px}.hero-copy{padding-left:8%}.hero{min-height:530px}.hero h1{font-size:54px}.hero-art svg{transform:translateX(0)}.products{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start}.filters{align-items:start}.search{flex-direction:column;align-items:start}.feature-band{gap:40px}h1{font-size:48px}}@media(max-width:650px){header{padding:22px;flex-direction:column;align-items:start;gap:20px}.brand{font-size:22px}nav{width:100%;justify-content:space-between;font-size:11px;gap:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 26px 20px}.hero h1{font-size:51px}.hero-art{height:340px;margin-top:-5px}.hero-art svg{height:340px;width:auto;max-width:100%}.art-caption{font-size:8px;right:20px;bottom:10px}.principles{font-size:10px;gap:13px;padding:20px}.section{padding:48px 20px}.section-heading{display:block;margin-bottom:25px}h2{font-size:34px}h1{font-size:41px}.filters{display:block}.filters>div{gap:6px}.filter{font-size:12px;padding:8px 12px}.search{flex-direction:row;align-items:center;margin-top:18px}.products{grid-template-columns:1fr;gap:24px}.product-visual img{height:240px;object-fit:contain}.card-body>p{min-height:0}.feature-band,.contact,.spec-grid,.detail{grid-template-columns:1fr;gap:25px}.feature-band{padding:45px 22px}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-top:18px}.steps h3{display:inline;margin-left:20px}.contact{gap:8px}footer{grid-template-columns:1fr;padding:40px 22px;gap:25px}.detail{margin:25px 0 40px}.detail h1{font-size:35px}.spec-grid{padding-top:25px}.detail-price{font-size:28px}#compare-bar{font-size:11px;gap:8px;padding:10px}#compare-bar button{padding:8px}dialog{padding:20px}.preview{font-size:10px}td,th{padding:14px;min-width:160px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-visual img{transition:none}}

/* Identidad Lokota aprobada por el usuario el 12/10/2026. */
.brand{font-family:"Trebuchet MS",Arial,sans-serif;font-size:30px;letter-spacing:-.035em}.brand small{font-family:Arial,sans-serif;letter-spacing:.04em}.mark{width:44px;flex:none}.preview{background:#e8efcf}.hero h1 em{color:#D8F36A}@media(max-width:650px){.brand{font-size:28px}}