/*
Theme Name: TuGestión Control Horario
Version: 1.0.0
Description: Web comercial ligera para controlhorario.info.
Author: TuGestión
License: GPL-2.0-or-later
*/
:root{--ink:#142a3b;--green:#146c51;--pale:#eff5f1;--muted:#526575;--line:#dbe4df}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fafbf8;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--green);text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d68c21;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 28px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:9}.top{border-bottom:1px solid var(--line);background:#fff}.head{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750;line-height:1.15}.brand small{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:6px;font-weight:500}.mark{width:43px;height:43px;background:var(--green);border-radius:12px;display:grid;place-items:center;color:white;font-size:27px}.nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--ink);font-size:14px}.nav a:hover{text-decoration:underline}.button,.nav .button{display:inline-block;background:var(--green);color:#fff;padding:13px 22px;border-radius:7px;text-decoration:none;font-weight:650;font-size:15px;border:1px solid var(--green)}.button.secondary{background:transparent;color:var(--ink);border-color:#afc1b7}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;color:var(--green)}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(38px,5.3vw,70px);max-width:850px;margin:20px 0 28px}h2{font-size:clamp(29px,3.5vw,43px);margin:12px 0 24px}h3{font-size:24px}p{max-width:760px}.lead{font-size:21px;color:var(--muted);max-width:650px}.hero{padding:82px 0 68px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.hero h1{font-size:clamp(40px,5vw,64px)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.note{font-size:13px;color:var(--muted)}.terminal{background:var(--ink);padding:17px;border-radius:25px;box-shadow:0 22px 55px #142a3b20;transform:rotate(2deg)}.screen{background:#fff;border-radius:12px;padding:30px;text-align:center}.clock{font-size:52px;font-weight:650;letter-spacing:-3px;margin:20px 0 0}.dots{font-size:29px;letter-spacing:10px;margin:15px 0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad span{background:var(--pale);padding:9px;border-radius:5px}.screen .ok{background:var(--green);color:white;padding:12px;border-radius:5px;margin-top:12px}.caption{text-align:center;font-size:12px;color:var(--muted);margin-top:22px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}.section{padding:70px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border-top:2px solid var(--line);padding:20px 0}.number{font-size:13px;font-weight:750;color:var(--green)}.card p{color:var(--muted);font-size:16px}.band{background:var(--pale);padding:36px;border-radius:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}footer{border-top:1px solid var(--line);padding:34px 0;margin-top:50px;font-size:13px}footer .wrap{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.page-title{padding:65px 0 0}.content{min-height:50vh}.content>p,.content>h2,.content>h3,.content>ul{max-width:850px}.price{font-size:40px;font-weight:700;letter-spacing:-2px}.price small{font-size:14px;letter-spacing:0}.entry{padding-top:30px}.legal-note{padding:16px;border-left:3px solid var(--green);background:var(--pale)}@media(max-width:850px){.head{padding-top:20px;padding-bottom:20px;align-items:flex-start;flex-direction:column}.nav{gap:15px}.hero,.split{grid-template-columns:1fr}.hero{padding-top:40px;gap:30px}.terminal{max-width:440px;margin:auto;transform:none}.grid{grid-template-columns:1fr}.strip{flex-wrap:wrap}.section{padding:42px 0}.wrap{padding-left:20px;padding-right:20px}.band{padding:25px}.nav .button{padding:8px 13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}