:root{--green:#075531;--navy:#092b45;--cream:#f5f5ed;--lime:#d8e7a3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--navy);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}.top{padding:8px 5%;background:var(--green);color:white;font-size:12px;display:flex;justify-content:space-between}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:220px;height:auto}nav{display:flex;gap:30px;font-size:14px}.button{display:inline-block;background:var(--green);color:white;padding:15px 23px;border-radius:3px;font-weight:600}.small{font-size:13px;padding:12px 17px}.hero{display:grid;grid-template-columns:1.07fr 1fr;background:var(--cream)}.intro{padding:65px 9% 30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--green)}h1{font-size:clamp(40px,4.6vw,72px);line-height:1.07;letter-spacing:-3px;font-weight:500;margin:28px 0}h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.intro>p:not(.eyebrow){max-width:390px;color:#56666a}.actions{display:flex;align-items:center;gap:25px;margin:35px 0 55px}.textlink{font-size:14px;border-bottom:1px solid;padding-bottom:4px}.footnote{font-size:11px;border-top:1px solid #ced5ca;padding-top:22px}.footnote span{font-weight:bold;display:block;letter-spacing:2px}.heroimg{position:relative;min-height:600px;overflow:hidden}.heroimg>img{width:100%;height:100%;object-fit:cover}.imagecaption{position:absolute;bottom:30px;left:30px;right:30px;background:#082f26dc;color:white;padding:24px;font-size:10px;letter-spacing:1px}.imagecaption strong{display:block;font:24px Georgia,serif;letter-spacing:0;margin-top:7px}.strip{display:flex;justify-content:space-around;background:var(--navy);color:white;padding:22px;font-size:12px;gap:15px}.catalog{padding:85px 5%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px}.sectionhead>p{max-width:340px;color:#657273;font-size:14px}h2{font-size:clamp(30px,3.4vw,48px);font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin:20px 0}.controls{margin-top:35px;border-top:1px solid #ddd;padding-top:25px;display:flex;justify-content:space-between;gap:20px;align-items:end}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid #d5dbd5;background:white;border-radius:30px;padding:8px 15px;font-size:12px;cursor:pointer}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.search{font-size:11px;white-space:nowrap}.search input{display:block;padding:10px;border:1px solid #ccd5cb;width:220px}#count{font-size:11px;color:#67746d}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 22px}.product{border-bottom:1px solid #ccd4cb;padding-bottom:20px}.product button{border:0;background:var(--cream);width:100%;padding:0;cursor:pointer;overflow:hidden;height:280px}.product img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product button:hover img{transform:scale(1.04)}.product .eyebrow{font-size:9px;letter-spacing:1px;margin:18px 0 7px}.product h3{font-size:19px;margin:0;font-weight:500}.product p{font-size:13px;color:#657273;min-height:42px}.product .view{background:none;height:auto;text-align:left;color:var(--green);font-size:12px;font-weight:bold}.about{background:var(--cream);padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.about>.eyebrow{grid-column:1/-1}.about>div{font-size:15px;color:#53665c}.contact{padding:70px 8%;background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact .eyebrow{color:var(--lime)}.contact p{font-size:14px}.contactlinks{min-width:280px}.contactlinks a{display:block;border-bottom:1px solid #ffffff60;padding:20px 0;font-size:12px}.contactlinks strong{display:block;font-size:27px;font-weight:400}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}footer .logo{width:170px}dialog{border:0;border-radius:8px;max-width:760px;width:95%;max-height:93vh;padding:28px}dialog::backdrop{background:#001d28c9}dialog h2{font-size:24px;padding-right:30px}dialog img{display:block;width:100%;height:auto;margin:20px 0}dialog .button{margin-right:15px}dialog>a{font-size:12px}.close{position:sticky;top:0;float:right;border:0;background:var(--green);color:white;border-radius:50%;width:36px;height:36px;cursor:pointer}@media(max-width:900px){header nav{display:none}.grid{grid-template-columns:repeat(3,1fr)}.controls{display:block}.search{display:block;margin-top:20px}.heroimg{min-height:520px}.intro{padding:40px 7%}.actions{display:block}.actions .textlink{display:inline-block;margin-top:20px}}@media(max-width:600px){.top span{display:none}header{padding:20px 5%}.logo{width:165px}header .small{font-size:10px;padding:10px;max-width:125px}.hero{grid-template-columns:1fr}h1{font-size:49px}.intro{padding:35px 6%}.actions{margin-bottom:30px}.heroimg{height:350px;min-height:0}.strip{font-size:10px;padding:15px;flex-wrap:wrap}.catalog{padding:45px 5%}.sectionhead{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.product button{height:230px}.product h3{font-size:16px}.product p{font-size:12px}.about{grid-template-columns:1fr;padding:40px 6%}.contact{display:block;padding:40px 6%}.contactlinks{min-width:0}footer{flex-wrap:wrap}.filters button{padding:8px 11px}.search input{width:100%}dialog{padding:18px}}
/* EuroMallas · nueva dirección visual */
:root{--green:#a9f541;--navy:#e8eee9;--cream:#101b18;--lime:#b8ff67}body{background:#07110e;color:#e8eee9}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 12% 8%,#22563855,transparent 45%),linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}.top{background:#101f17;color:#a9f541;border-bottom:1px solid #a9f54228;font-family:monospace;letter-spacing:.6px}header{background:#07110ee8;border-bottom:1px solid #ffffff18;padding-top:23px;padding-bottom:23px}.logo{border-radius:5px}nav{color:#9fafa5}nav a:hover{color:var(--green)}.button{color:#0b1a0b;border-radius:0 14px 0 14px;box-shadow:0 0 25px #a9f54116;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 0 32px #a9f54138}.hero{background:transparent;position:relative;gap:15px;padding:20px 20px 0}.intro{padding:60px 7% 30px}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:2px}h1{font-size:clamp(45px,4.8vw,76px);font-weight:600;letter-spacing:-3.5px;line-height:1.02}h1 em{font-family:Arial,sans-serif;font-style:normal;display:inline-block;background:linear-gradient(95deg,#b4ff6b,#5edac3);background-clip:text;-webkit-background-clip:text;color:transparent}.intro>p:not(.eyebrow){color:#9cafa4;line-height:1.8}.textlink{color:#c0d4c6}.footnote{border-color:#ffffff22;color:#7f9487}.footnote span{color:#d7e4dc}.heroimg{border-radius:110px 12px 12px 12px;min-height:610px;border:1px solid #a9f54135}.heroimg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#4bf97c0c,transparent 40%,#03150ee6);pointer-events:none}.heroimg>img{filter:saturate(.65) contrast(1.12);transform:scale(1.02)}.imagecaption{z-index:1;background:#071b14a8;backdrop-filter:blur(15px);border:1px solid #b0ff713d;border-left:3px solid var(--green);border-radius:0 15px 0 15px;color:#b3d1bc;font-family:monospace}.imagecaption strong{color:white;font-family:Arial,sans-serif;font-size:25px;font-weight:500}.strip{margin:20px 20px 0;background:transparent;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;font-family:monospace;color:#9caf9e;padding:24px 10px}.strip span::first-letter{color:var(--green)}.catalog{padding-top:95px}.sectionhead>p{color:#97aa9d}h2{font-weight:500;letter-spacing:-2px}.controls{border-color:#ffffff20;padding-top:30px}.filters button{background:#13221a;border-color:#2b3c30;color:#a1b5a8;border-radius:5px}.filters button:hover{border-color:var(--green)}.filters button.active{color:#10200e;background:var(--green)}.search{color:#96ae9c;font-family:monospace}.search input{background:#0c1913;border:1px solid #2c4231;border-radius:5px;color:white}#count{color:#94ae98;font-family:monospace;margin:25px 0}.grid{gap:24px}.product{background:linear-gradient(145deg,#16241b,#0b1710);border:1px solid #ffffff16;border-radius:10px;padding:12px 12px 20px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.product:hover{transform:translateY(-6px);border-color:#a9f54177;box-shadow:0 18px 40px #0006}.product button{background:#07100b;border-radius:5px;height:290px}.product img{opacity:.87}.product button:hover img{opacity:1;transform:scale(1.025)}.product .eyebrow,.product h3,.product p,.product .view{margin-left:6px;margin-right:6px}.product h3{color:#e2ede5;font-weight:500}.product p{color:#8da493}.product .view{color:var(--green);font-family:monospace;font-size:11px;margin-top:10px;width:calc(100% - 12px)}.about{background:linear-gradient(115deg,#152a1a,#09170f);border-block:1px solid #a9f54125;margin-top:30px;position:relative;overflow:hidden}.about::after{content:'EUM /';position:absolute;right:-15px;bottom:-50px;font:bold 160px Arial;color:#a9f54106;pointer-events:none}.about>div{color:#9ab09f;z-index:1}.contact{background:radial-gradient(ellipse at 95% 50%,#304d1b,transparent 60%),#0d1e12;padding-block:85px}.contact .eyebrow{color:var(--green)}.contact p{color:#99af9c}.contactlinks a{border-color:#a9f54133;color:#94ac98;font-family:monospace}.contactlinks strong{color:var(--green);font-family:Arial,sans-serif}footer{border-top:1px solid #ffffff18;color:#7d9584;background:#06100a}dialog{background:#0d1d13;color:#e7f1e9;border:1px solid #a9f54155;box-shadow:0 0 80px #6bff4714}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.close{color:#09210a}dialog>a:last-child{color:var(--green);display:inline-block;margin-top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media(max-width:900px){.hero{padding:12px 12px 0;gap:0}.intro{padding:45px 6%}.heroimg{min-height:560px}.strip{margin:12px 12px 0}.grid{gap:17px}.product button{height:250px}}@media(max-width:600px){header{padding:20px 5%}.hero{padding:0}.intro{padding:40px 6% 25px}h1{font-size:53px;letter-spacing:-3px}.eyebrow{font-size:9px}.heroimg{margin:0 14px;border-radius:65px 8px 8px 8px;min-height:0;height:350px}.actions{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:35px}.actions .textlink{margin-top:0}.strip{font-size:9px;gap:12px}.catalog{padding-top:55px}.product{padding:8px 8px 18px}.product button{height:220px}.product h3{font-size:16px}.product .eyebrow{font-size:8px}.product .view{font-size:10px;line-height:1.6}.product p{min-height:60px}.contact{padding-block:50px}.imagecaption{left:18px;right:18px;bottom:20px}.imagecaption strong{font-size:21px}}