:root{color-scheme:dark;--bg:#101115;--ink:#f6f5f2;--muted:#a8a8aa;--accent:#ffb21b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#292820 0,#151619 28%,#0c0d10 80%);color:var(--ink);font:16px system-ui,-apple-system,sans-serif}.page{max-width:760px;margin:auto;padding:26px 28px 36px}.preview{background:#302716;color:#f9ca67;text-align:center;border:1px solid #685129;border-radius:8px;padding:9px;font-size:12px;margin-bottom:45px}.identity{display:flex;align-items:center;gap:30px}.portrait{width:142px;height:142px;border-radius:50%;border:3px solid var(--accent);background-image:url('referencia.jpeg');background-size:530% auto;background-position:11% 4%;flex:none;box-shadow:0 0 36px #ffb21b1a}.eyebrow{font-size:11px;letter-spacing:.22em;color:#edb64b;font-weight:750}.eyebrow span{display:inline-block;background:var(--accent);width:20px;height:2px;vertical-align:middle;margin-right:8px}h1{font-size:clamp(36px,7vw,58px);line-height:.98;letter-spacing:-.055em;margin:12px 0}h1 span{color:var(--accent)}.identity p{font-size:18px;color:#c8c7c4;line-height:1.5;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0 4px}.services article{min-height:125px;padding:18px;border:1px solid #353638;border-radius:14px;background:linear-gradient(135deg,#242529,#18191c);transition:transform .25s,border-color .25s}.services article:hover{transform:translateY(-5px);border-color:#9a7532}.services span{font-size:26px;color:var(--accent);display:block;margin-bottom:12px}.services strong,.services small{display:block}.services strong{font-size:15px}.services small{color:#aaa;font-size:11px;margin-top:4px}.car-wrap{position:relative;height:260px;overflow:hidden}.car{position:absolute;inset:0;background-image:url('referencia.jpeg');background-size:145% auto;background-position:50% 53%;background-repeat:no-repeat;mask-image:linear-gradient(transparent 0%,#000 17%,#000 78%,transparent 100%)}.car-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;color:#888;font-size:9px;letter-spacing:.27em}.car-caption span,footer span{color:var(--accent)}.actions{display:grid;gap:10px;margin-top:18px}.actions button{width:100%;display:flex;align-items:center;gap:17px;text-align:left;border:1px solid #48494c;border-radius:13px;padding:16px 20px;background:#1c1d20;color:white;transition:transform .2s,background .2s,border .2s;font:inherit}.actions button:not(:disabled){cursor:pointer}.actions button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 12px 30px #0007}.actions button:focus-visible,.close:focus-visible,.modal-ok:focus-visible{outline:3px solid white;outline-offset:3px}.actions button:disabled{opacity:.55}.actions button.primary{background:var(--accent);border-color:var(--accent);color:#17130a}.actions strong,.actions small{display:block}.actions strong{font-size:17px}.actions small{font-size:11px;opacity:.7;margin-top:3px}.actions b{margin-left:auto;font-size:24px;font-weight:400}.icon{font-size:27px;width:30px;text-align:center}footer{text-align:center;color:#68696b;letter-spacing:.16em;font-size:9px;margin-top:36px}dialog{width:min(460px,calc(100% - 32px));border:1px solid #464441;border-radius:18px;background:#1b1c1f;color:white;padding:25px;box-shadow:0 25px 100px #000}dialog::backdrop{background:#000c}.modal-head{display:flex;justify-content:space-between;align-items:start}h2{font-size:30px;letter-spacing:-.04em;margin:8px 0}.close{border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.modal-copy{line-height:1.6;color:#bbb}.notice{padding:14px;border-radius:9px;background:#332c1c;color:#eacb87;font-size:13px}.modal-ok{margin-top:20px;background:var(--accent);border:0;border-radius:9px;color:#111;padding:13px 22px;font-weight:700;cursor:pointer}@media(max-width:520px){.page{padding:20px 18px 30px}.preview{margin-bottom:32px}.identity{gap:18px}.portrait{width:100px;height:100px}.identity p{font-size:15px}.services{gap:7px;margin-top:30px}.services article{padding:13px 8px;min-height:105px}.services strong{font-size:12px}.services small{font-size:10px}.car-wrap{height:190px}.actions button{padding:14px}.actions strong{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.action{width:100%;display:flex;align-items:center;gap:17px;text-align:left;border:1px solid #48494c;border-radius:13px;padding:16px 20px;background:#1c1d20;color:white;text-decoration:none;transition:transform .2s,border .2s}.action:hover{transform:translateY(-3px);border-color:#9a7532}.action strong,.action small{display:block}.action strong{font-size:17px}.action small{font-size:11px;opacity:.7;margin-top:3px}.action b{margin-left:auto;font-size:24px;font-weight:400}.car-button{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:default;touch-action:manipulation}.car{display:block;pointer-events:none}.car-caption{pointer-events:none}label{display:block;color:#ddd;font-size:13px;font-weight:600;margin:14px 0}input,select,textarea{display:block;width:100%;margin-top:6px;background:#111215;color:white;border:1px solid #515256;border-radius:8px;padding:12px;font:inherit}textarea{resize:vertical}.privacy{color:#aaa;font-size:12px;line-height:1.5}.feedback{color:#f2ca7e;font-size:13px;line-height:1.4}.modal-ok:disabled{opacity:.5}dialog{max-height:90vh;overflow:auto}.dash-head{display:flex;align-items:center;justify-content:space-between}.dash-head button,.appointment button{background:#353638;border:1px solid #5a5a5a;color:white;border-radius:7px;padding:8px 12px;cursor:pointer}.appointment{padding:15px 0;border-top:1px solid #444}.appointment p{color:#ccc;font-size:13px;overflow-wrap:anywhere}.appointment button{margin-right:8px} [hidden]{display:none!important}
.car-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
