/*
Theme Name: DETECH Ingeniería
Version: 0.1.0
Description: Sitio institucional de ingeniería eléctrica, automatización y redes.
*/
:root{--ink:#161c22;--paper:#f1f1ec;--orange:#ff692d;--muted:#aab1b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:28px 6vw;border-bottom:1px solid #ffffff24}.brand{font-size:30px;font-weight:900;letter-spacing:2px;line-height:1}.brand b{color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:2.2px;margin-top:9px;font-weight:400}nav{display:flex;gap:32px;font-size:13px}.hero{position:relative;overflow:hidden;background:var(--ink);color:white;padding:95px 6vw 70px;min-height:620px}.hero:after{content:'';position:absolute;right:-80px;top:10px;width:580px;height:580px;border:1px solid #ff692d44;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03;pointer-events:none}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--orange)}h1{font-size:clamp(44px,6.5vw,88px);line-height:1.05;letter-spacing:-3px;max-width:920px;margin:28px 0;position:relative;z-index:1}h1 span{color:var(--orange)}.intro{max-width:580px;font-size:18px;color:#bac0c4}.button{display:inline-block;border:1px solid var(--orange);background:var(--orange);color:var(--ink);padding:14px 24px;font-size:13px;font-weight:bold;margin-top:22px}.hero-bottom{display:flex;gap:45px;margin-top:65px;color:#aab1b6;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.section{padding:85px 6vw}h2{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-1.5px;margin:18px 0 40px}.heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.heading p{max-width:380px;color:#59636b}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccd0ce;border-bottom:1px solid #ccd0ce}.card{padding:34px 30px 38px 0}.card+.card{border-left:1px solid #ccd0ce;padding-left:30px}.number{font:12px monospace;color:#a34c2a}.card h3{font-size:24px;line-height:1.2;margin:35px 0 18px}.card p{color:#59636b;font-size:15px}.card ul{list-style:none;padding:0;font-size:13px}.card li{padding:9px 0;border-top:1px solid #d9dcd7}.approach{background:#e4e6df;display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{border-top:1px solid #b8c0b8}.step{padding:22px 0;border-bottom:1px solid #b8c0b8;display:grid;grid-template-columns:35px 1fr;gap:15px}.step p{margin:8px 0 0;color:#59636b;font-size:14px}.contact{background:var(--orange);display:flex;justify-content:space-between;gap:30px;align-items:center}.contact h2{margin:0}.contact .eyebrow{color:var(--ink)}footer{background:var(--ink);color:#aab1b6;padding:35px 6vw;display:flex;justify-content:space-between;font-size:12px}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:10;background:white;color:black;padding:10px}@media(max-width:750px){header{align-items:flex-start}nav{gap:12px;font-size:11px}.brand{font-size:22px}.brand small{font-size:7px}.hero{padding-top:60px;min-height:auto}.hero:after{opacity:.4}h1{letter-spacing:-2px}.hero-bottom{flex-wrap:wrap;gap:15px}.grid,.approach{display:block}.card+.card{border-left:0;border-top:1px solid #ccd0ce;padding-left:0}.heading,.contact{display:block}.section{padding:55px 6vw}footer{gap:20px}.steps{margin-top:30px}}