:root{--orange:#f15a22;--ink:#1c1c1c;--muted:#626262;--line:#e8e6e3;--green:#009e49;--paper:#fff;--soft:#f5f4f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f15a22;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;z-index:99;padding:.8rem}.contenedor,.barra{width:min(1260px,calc(100% - 48px));margin:auto}.cabecera{background:white;position:relative;z-index:4;box-shadow:0 1px 8px #00000012}.barra{min-height:91px;display:flex;align-items:center;gap:36px}.logo{align-self:stretch;display:flex;align-items:center}.logo img{object-fit:contain;width:84px;height:84px}.barra nav{display:flex;align-items:center;justify-content:flex-end;gap:30px;flex:1;font-weight:700;font-size:14px}.barra nav>a:not(.btn):hover,.titulo a,.volver{color:var(--orange)}.sistema{font-size:12px;color:#6c6c6c;font-weight:400;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:15px 22px;font-size:15px;font-weight:700;line-height:1.2;min-height:48px;text-align:center}.whatsapp{background:var(--green);color:white}.whatsapp:hover{background:#007e3b}.naranja{background:var(--orange);color:white}.naranja:hover{background:#d84b17}.desactivado{background:#ddd;color:#555}.menu-boton{display:none}.hero{background:#1c1c1c;color:white;overflow:hidden;position:relative}.hero-foto{position:absolute;inset:0}.hero-foto img{display:block;width:100%;height:100%;object-fit:cover}.hero-contenido{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;z-index:1}.hero-texto{padding:56px 0}.eyebrow{color:var(--orange);font-size:13px;letter-spacing:.08em;font-weight:800;margin:0 0 8px}h1,h2,p{margin-top:0}h1{font-size:clamp(38px,4vw,61px);line-height:1.02;letter-spacing:-.04em;margin-bottom:18px}h1 em,h2 em{font-style:normal;color:var(--orange)}h2{font-size:29px;line-height:1.1;letter-spacing:-.025em;margin-bottom:0}.intro{font-size:20px;max-width:550px;line-height:1.4}.acciones{display:flex;gap:12px;flex-wrap:wrap}.herramienta{position:absolute;right:14%;top:12%;color:#f15a22;font-size:150px;transform:rotate(-24deg);text-shadow:5px 7px #161616}.bloques{position:absolute;left:5%;bottom:38px;color:#f15a22;font-size:135px;line-height:1}.beneficios{border-bottom:1px solid var(--line);background:#faf9f7}.beneficio-grid{display:flex;gap:0}.beneficio-grid span{padding:20px 28px 20px 0;flex:1;font-size:13px;font-weight:bold}.beneficio-grid b{font-size:24px;color:var(--orange);vertical-align:middle;margin-right:10px}.seccion{padding-top:48px;padding-bottom:24px}.titulo{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.titulo h2:before{content:'';display:inline-block;height:27px;width:6px;background:var(--orange);border-radius:4px;vertical-align:middle;margin-right:13px}.titulo a{font-size:14px;font-weight:700;white-space:nowrap}.titulo a b{font-size:24px;vertical-align:middle}.categorias{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.categoria{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white;box-shadow:0 3px 10px #0000000a;font-size:14px;font-weight:700}.categoria>span:last-child{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;gap:5px}.categoria b{color:var(--orange);font-size:24px}.categoria-arte{height:100px;display:flex;align-items:center;justify-content:center;font-size:68px;line-height:1;color:#f15a22;background:linear-gradient(135deg,#e6dfd8,#f7f4ef)}.arte-1{color:#7b7370;background:#e7e4e1}.arte-2{color:#8c8f8c;background:#e5e6e2}.arte-3{color:#e6a63c;background:#e7e4dc}.arte-4{color:#f15a22;background:#dfdedb}.arte-5{color:#777;background:#ece9e4}.categoria:hover{border-color:var(--orange);transform:translateY(-2px)}.productos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.producto{border:1px solid var(--line);border-radius:8px;overflow:hidden}.producto img,.producto-ilustracion{width:100%;height:165px;object-fit:contain;background:#f7f6f4}.producto-ilustracion{display:grid;place-items:center;color:#bcb7b0;font-size:75px}.producto-info{padding:14px}.producto-nombre{font-weight:800;display:block}.producto-info p{min-height:1em;color:var(--muted);font-size:13px;margin:4px 0}.producto-info strong{font-size:14px}.producto-acciones{display:grid;gap:8px;margin-top:12px}.producto-acciones button,.producto-acciones a{border:1px solid var(--orange);border-radius:5px;background:#fff;color:#b83908;padding:9px;text-align:center;font-size:13px;font-weight:700}.producto-acciones a{background:var(--green);color:white;border-color:var(--green)}.vacio{padding:28px;background:#f7f6f4;border-left:4px solid var(--orange);border-radius:4px}.vacio p{margin:5px 0 0;color:var(--muted)}.nosotros{margin-top:48px;background:#292929;color:white;padding:56px 0}.nosotros h2{font-size:clamp(28px,4vw,44px);margin:0 0 16px}.nosotros p:last-child{max-width:550px;margin-bottom:0}.lista{margin:45px 0;border:1px solid #ddd;border-radius:8px}.lista summary{cursor:pointer;padding:17px 20px;font-weight:800}.lista summary span{display:inline-grid;place-items:center;border-radius:50%;background:var(--orange);color:white;min-width:25px;height:25px;margin-left:8px}.lista-interior{padding:0 20px 20px}.lista-fila{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eee;padding:12px 0}.lista-fila input{width:80px;margin-left:10px}.lista-fila button{background:none;border:0;color:#a3380c}.lista label{font-weight:700}.lista textarea{display:block;width:100%;margin:8px 0 12px;border:1px solid #aaa;border-radius:4px;padding:10px}.secundario{background:#eee;color:#222}.lista p{color:var(--muted)}footer{background:#f4f2ef;padding:35px 0}.pie{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.pie p{font-size:14px;color:#666;margin:6px 0}.volver{display:block;font-size:14px;font-weight:700;margin-bottom:20px}.demo{background:#ffdcaa;color:#39230d;text-align:center;padding:8px;font-weight:700;font-size:13px}[hidden]{display:none!important}@media(max-width:1050px){.barra nav{gap:16px}.categorias{grid-template-columns:repeat(3,1fr)}.productos{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.contenedor,.barra{width:min(100% - 32px,1260px)}.barra{min-height:76px;justify-content:space-between}.logo img{width:70px;height:70px}.menu-boton{display:block;background:none;border:0;font-size:24px}.menu-boton span{font-size:14px}.barra nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 8px 12px #0002;padding:18px 16px;align-items:stretch;flex-direction:column;gap:0}.barra nav.abierto{display:flex}.barra nav>a:not(.btn),.sistema{padding:12px 4px;margin:0}.hero-contenido{grid-template-columns:1fr}.hero-texto{padding:26px 0 40px}.hero-texto .acciones{display:grid}.herramienta{font-size:110px}.bloques{font-size:100px}.intro{font-size:17px}.beneficio-grid span{font-size:11px;padding:12px 6px}.beneficio-grid b{display:block;margin:0}.seccion{padding-top:36px}.categorias{grid-template-columns:repeat(2,1fr);gap:10px}.productos{grid-template-columns:repeat(2,1fr);gap:10px}.producto-info{padding:10px}.producto img,.producto-ilustracion{height:130px}.pie{grid-template-columns:1fr}.titulo h2{font-size:24px}.titulo a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.categoria-arte img{width:100%;height:100%;object-fit:contain}

.naranja{background:#bd3f12}.whatsapp,.producto-acciones a{background:#007a39;border-color:#007a39}.flotante{position:fixed;right:22px;bottom:22px;z-index:8;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:30px;box-shadow:0 3px 12px #0004}.producto-acciones a:not([href]){background:#ddd;border-color:#ddd;color:#444}

/* Texto naranja sobre fondos claros; la marca conserva su naranja en superficies oscuras. */
.eyebrow,.titulo a,.volver,.barra nav>a:not(.btn):hover,.categoria b{color:#b83908}.hero .eyebrow,.nosotros .eyebrow{color:#ff8c5c}.producto-categoria{display:block;color:#a3380c;font-size:13px;font-weight:700;margin-bottom:4px}.producto-categoria:hover{text-decoration:underline}
@media(max-width:900px){.hero-foto{position:static;display:block}.hero-foto img{height:auto;aspect-ratio:4/3;max-height:460px;object-position:center bottom}.hero-contenido{min-height:0;grid-template-columns:1fr}.hero-texto{padding:26px 0 40px}}