:root{--piedra: #ece7db;--henequen: #3d6b47;--henequen-dark: #2c4f35;--laton: #a9793f;--carbon: #1c2b26;--panel: #22362e;--muted: #b9c4bc;--line: rgba(236, 231, 219, .14);--display: "Unbounded", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, sans-serif}body{background:var(--henequen);color:var(--piedra);font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:clip}.uc ::selection{background:var(--laton);color:var(--carbon)}.uc a:focus-visible,.uc .btn:focus-visible{outline:3px solid var(--laton);outline-offset:3px}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.hero{position:relative;min-height:calc(100svh - 38px);display:flex;align-items:flex-end;padding:64px 0 44px;background:linear-gradient(180deg,#1c2b268c,#1c2b26e0 78%,#1c2b26f7),url(/taller-mecanico-uicab/img/foto_1.jpg) center 30% / cover no-repeat}.hero-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(236,231,219,.05) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(236,231,219,.05) 0 1px,transparent 1px 64px);mix-blend-mode:overlay;pointer-events:none}.hero .wrap{position:relative}.kicker{font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--laton);margin:0 0 16px}.titulo{margin:0;font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:1.02;font-size:clamp(34px,9.5vw,68px);color:var(--piedra)}.titulo .ac{color:var(--laton)}.tagline{font-size:clamp(18px,4.6vw,23px);font-weight:500;color:var(--piedra);max-width:30ch;margin:20px 0}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:500;font-size:15px;color:var(--piedra);text-decoration:none;background:#ece7db0f}.chip .star{color:var(--laton)}.chip:hover{border-color:var(--laton)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.02em;text-decoration:none;padding:15px 24px;border-radius:8px;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.btn:active{transform:scale(.97)}.btn-solid{background:var(--laton);color:var(--carbon)}.btn-solid:hover{background:#c08d4d}.btn-ghost{border:2px solid var(--line);color:var(--piedra)}.btn-ghost:hover{border-color:var(--laton);color:var(--laton)}.btn-sm{font-size:14.5px;padding:12px 18px}.credencial{margin:26px 0 0;font-size:14.5px;font-weight:500;color:var(--muted)}.greca{height:26px;background-color:var(--carbon);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='24' viewBox='0 0 32 24'%3E%3Cpath d='M0 18 H8 V6 H16 V18 H24 V6 H32 V18' fill='none' stroke='%23a9793f' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:left center;background-size:32px 24px}.sec{padding:68px 0;background:var(--carbon)}.sec-panel{background:var(--panel)}.sec-kicker{font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--laton);margin:0 0 10px}.sec-title{font-family:var(--display);font-weight:800;font-size:clamp(30px,7vw,50px);line-height:1.05;text-transform:uppercase;margin:0 0 30px;color:var(--piedra)}.sec-title .ac{color:var(--laton)}.wrap-split{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}.about p{max-width:62ch;margin:0 0 18px;color:var(--muted)}.about strong{color:var(--piedra)}.col-sello{display:flex;justify-content:center;padding:8px 0 0}.sello circle:first-of-type{fill:none;stroke:var(--laton);stroke-width:1.5}.sello .sello-dash{fill:none;stroke:var(--laton);stroke-width:1;stroke-dasharray:2 6;opacity:.7}.sello-txt{font-family:var(--display);font-size:11.5px;font-weight:600;letter-spacing:3px;fill:var(--laton)}.sello-nombre{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:1px;fill:var(--piedra)}.sello-sub{font-family:var(--body);font-size:8.5px;font-weight:600;letter-spacing:1.5px;fill:var(--muted)}.servicios{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr;gap:0}.servicios li{display:flex;gap:18px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line)}.servicios li:last-child{border-bottom:1px solid var(--line)}.servicios .marca{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.05em;color:var(--laton);min-width:30px;line-height:1.6;border:1px solid var(--laton);border-radius:4px;text-align:center;height:22px}.servicios h3{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.01em;margin:0 0 4px;color:var(--piedra)}.servicios p{margin:0;color:var(--muted);font-size:15px}.foto-servicio{margin:0;border-radius:10px;overflow:hidden}.foto-servicio img{width:100%;height:auto;display:block}.foto-servicio figcaption{padding:10px 4px 0;font-size:13.5px;color:var(--muted)}.reviews{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 30px}.rev{margin:0;background:var(--piedra);color:var(--carbon);border-radius:10px;padding:22px 20px 18px;box-shadow:0 14px 30px #0000004d;border-left:5px solid var(--laton)}.rev-hero{border-left-color:var(--henequen)}.rev-stars{color:var(--laton);font-size:16px;letter-spacing:.2em;margin:0 0 10px}.rev blockquote{margin:0 0 14px;font-size:16px;line-height:1.55;font-weight:500}.rev figcaption{display:flex;flex-direction:column;gap:2px}.rev figcaption strong{font-family:var(--display);font-weight:600;font-size:15px}.rev figcaption span{font-size:12.5px;color:#6b7a70}.center{text-align:center}.ubica{display:grid;grid-template-columns:1fr;gap:28px}.dir{font-size:18px;font-weight:500;margin:0 0 16px;color:var(--piedra)}.horario-titulo{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.02em;margin:30px 0 10px;color:var(--piedra)}.horarios{width:100%;max-width:420px;border-collapse:collapse;font-size:15px}.horarios th,.horarios td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}.horarios th{font-weight:500;color:var(--piedra)}.horarios td{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.horarios tr.hoy th,.horarios tr.hoy td{color:var(--carbon);background:var(--laton);font-weight:600}.horarios tr.hoy th:after{content:"hoy";font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--carbon);color:var(--piedra);border-radius:4px;padding:2px 7px;margin-left:10px;vertical-align:1px}.mapa iframe{width:100%;height:300px;border:0;border-radius:10px;display:block;filter:grayscale(.2) contrast(1.02)}.banda{background:var(--laton);color:var(--carbon);padding:60px 0;text-align:center}.banda-title{font-family:var(--display);font-weight:800;font-size:clamp(28px,7.5vw,46px);line-height:1.08;text-transform:uppercase;margin:0 0 12px}.banda-sub{margin:0 auto 24px;max-width:42ch;font-weight:500}.banda .cta-row{justify-content:center}.btn-dark{background:var(--carbon);color:var(--piedra)}.btn-dark:hover{background:#101a16}.btn-dark-ghost{border:2px solid rgba(28,43,38,.5);color:var(--carbon)}.btn-dark-ghost:hover{border-color:var(--carbon)}.pie{padding:40px 0 96px;background:var(--carbon);text-align:center}.pie-logo{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:.02em;text-transform:uppercase;color:var(--piedra);margin:0 0 10px}.pie-dato{margin:4px 0;color:var(--muted);font-size:14px}.pie-dato a{color:var(--piedra);text-decoration:none;border-bottom:1px solid var(--laton)}.pie-dato a:hover{color:var(--laton)}.pie-mini{margin:14px 0 0;color:#6b7a70;font-size:12.5px}html.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}html.js .reveal.in{opacity:1;transform:none}@media(min-width:760px){.sec{padding:100px 0}.wrap-split{grid-template-columns:1.4fr .9fr;gap:56px}.col-sello{padding:26px 0 0}.servicios{grid-template-columns:1fr 1fr;column-gap:48px}.servicios li:nth-child(2){border-top:1px solid var(--line)}.servicios li:nth-last-child(2){border-bottom:1px solid var(--line)}.reviews{grid-template-columns:repeat(3,1fr);align-items:start}.rev-hero{grid-column:span 3}.ubica{grid-template-columns:1fr 1.2fr;align-items:start}.mapa iframe{height:400px}}@media(min-width:1000px){.rev-hero{grid-column:span 1}}