/*
Theme Name: Mecánica Reyes
Author: Mecánica Reyes
Description: Tema propio para taller mecánico, con inicio personalizado y redes sociales.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mecanica-reyes
*/
:root{--orange:#ff9800;--ink:#17191b;--gray:#657078;--paper:#f4f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #1689ce;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.topbar{background:var(--ink);color:#ccc;font-size:14px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar a{color:#fff}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e8e8e8}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:92px}.brand{width:174px;display:block}.nav nav{display:flex;gap:25px;font-size:14px;font-weight:700}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 23px;min-height:48px;background:var(--orange);color:#17191b;border:1px solid transparent;font-weight:700;border-radius:3px;font-size:15px;line-height:1.4;text-align:center}.button:hover{background:#ed8d00;text-decoration:none}.button.small{padding:12px 17px;font-size:14px}.button.outline{background:transparent;color:white;border-color:#ffffff65}.button.outline:hover{background:#ffffff17}.button.dark{background:var(--ink);color:#fff}.hero{background:linear-gradient(90deg,rgba(8,12,17,.95) 0%,rgba(8,12,17,.83) 42%,rgba(8,12,17,.28)),url('assets/workshop.jpg') center/cover;color:white;min-height:635px}.hero-inner{padding-top:76px;padding-bottom:42px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;color:#b36600;margin-bottom:18px}.hero .eyebrow,.diagnostic .eyebrow,.contact .eyebrow{color:var(--orange)}h1{font-size:clamp(48px,6vw,80px);line-height:1.04;letter-spacing:-3px;margin:0 0 24px;font-weight:800}h1 em{color:var(--orange);font-style:normal}.hero p{max-width:545px;font-size:18px;color:#d5d9df}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;gap:45px;border-top:1px solid #ffffff30;margin-top:55px;padding-top:22px;font-size:14px;color:#c7cbd0}.hero-note>span:first-child{color:var(--orange);font-size:12px;font-weight:bold;letter-spacing:2px}.hero-note a{color:#fff;text-decoration:underline}.strip{background:var(--orange)}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px;gap:18px;text-align:center;font-weight:700;font-size:14px}.section{padding-top:94px;padding-bottom:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:44px}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.14;letter-spacing:-1.5px;margin:0 0 20px}.section-head p{max-width:340px;color:var(--gray);margin-bottom:22px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce0e3;border-left:1px solid #dce0e3}.services article{border-right:1px solid #dce0e3;border-bottom:1px solid #dce0e3;padding:30px;transition:background .2s}.services article:hover{background:var(--paper)}.number{color:#ad6000;font:700 13px Arial;display:block;margin-bottom:24px}h3{font-size:22px;line-height:1.3;margin:0 0 14px;letter-spacing:-.5px}.services p{color:var(--gray);margin:0}.service-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.service-foot p{font-size:14px;color:var(--gray)}.text-link{font-weight:bold;text-decoration:underline}.diagnostic{background:var(--ink);color:white;padding:85px 0}.diagnostic-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.diagnostic p{color:#bac0c6}.diagnostic ul{padding:0;list-style:none;margin:28px 0}.diagnostic li{padding:9px 0;border-bottom:1px solid #ffffff20}.diagnostic li:before{content:'+';color:var(--orange);margin-right:15px}.muted{font-size:14px;color:var(--gray)}.diagnostic .muted{font-size:14px}figure{margin:0}figure img{display:block;width:100%;max-height:420px;object-fit:contain;background:white;border-radius:3px}figcaption{font-size:12px;letter-spacing:1.5px;color:#b7bcc3;margin-top:15px}.social-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}.tiktok{padding:28px;background:var(--paper);border:1px solid #e2e5e7;border-radius:4px;min-width:0}.social-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.social-title strong{font-size:22px}.social-title a{font-size:14px}#tiktok-area{min-height:230px;background:white;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.tiktok-embed{margin:0!important;width:100%!important}.instagram{padding:38px;background:linear-gradient(145deg,#291c31,#121519);color:white;border-radius:4px;display:flex;flex-direction:column;align-items:start;justify-content:center}.instagram .eyebrow{color:#e9b3dc}.insta-mark{font-size:64px;line-height:1.3;color:#efc8e6}.instagram h3{font-size:32px;margin:24px 0 12px}.instagram p{color:#d0c5d0}.parts{background:var(--paper);padding:80px 0}.parts-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.parts p{color:var(--gray);max-width:420px}.parts .button{margin-top:14px}.parts-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.parts-list span{padding:22px 0;border-bottom:1px solid #cfd4d8;font-weight:700}.payment{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:48px;padding-bottom:48px}.payment .eyebrow{font-size:12px}.payment h3{margin-top:10px}.payment p{color:var(--gray);margin-bottom:0}.contact{background:var(--ink);color:white;padding:75px 0}.contact h2{font-size:clamp(38px,5vw,64px)}.contact>div>p{color:#b7bdc4}.contact-details{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:30px;border-top:1px solid #ffffff25;padding-top:34px;margin-top:50px}.contact-details span{font-size:12px;letter-spacing:1.5px;color:var(--orange);font-weight:700}.contact-details p{margin:12px 0}.contact-details a{overflow-wrap:anywhere}footer{background:#101214;color:#a4abb2;padding:25px 0;font-size:12px}footer .wrap{display:flex;gap:25px;justify-content:space-between;align-items:center}footer strong{color:white;letter-spacing:1px}footer a{margin-left:15px}.floating{position:fixed;right:22px;bottom:22px;z-index:12;background:#168449;color:white;border-radius:50px;padding:12px 22px;font-weight:700;box-shadow:0 5px 24px #0003;font-size:14px}#menu{display:none}@media(max-width:1000px){.nav{gap:14px}.nav nav{gap:14px}.nav>.button{display:none}.diagnostic-grid,.parts-grid{gap:35px}.brand{width:155px}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav{height:78px}#menu{display:block;background:white;border:1px solid #ccc;border-radius:3px;padding:10px 16px;font:700 14px Arial}.nav nav{display:none;position:absolute;top:78px;left:0;width:100%;background:white;padding:20px 22px;border-bottom:1px solid #ccc;flex-direction:column}.nav nav.open{display:flex}.hero{min-height:590px;background-position:60% center}.hero-inner{padding-top:58px}.hero h1{letter-spacing:-2px}.hero p{font-size:17px}.actions{gap:12px}.hero-note{gap:18px;margin-top:35px}.strip .wrap{grid-template-columns:1fr 1fr;text-align:left;gap:15px;font-size:13px}.section{padding-top:60px;padding-bottom:55px}.section-head{display:block;margin-bottom:30px}.section-head p{max-width:none}.services{grid-template-columns:1fr 1fr}.services article{padding:23px 17px}.services h3{font-size:20px}.services p{font-size:15px}.number{margin-bottom:18px}.service-foot{display:block}.diagnostic{padding:55px 0}.diagnostic-grid,.parts-grid,.social-grid{grid-template-columns:1fr;gap:32px}.diagnostic figure{max-width:450px}.tiktok{padding:18px}#tiktok-area{margin-left:-8px;margin-right:-8px}.instagram{padding:30px}.parts{padding:55px 0}.parts-list{gap:0 18px;font-size:15px}.payment{align-items:start;flex-direction:column}.contact{padding:60px 0}.contact-details{grid-template-columns:1fr;gap:20px;margin-top:35px}footer{padding-bottom:90px}footer .wrap{flex-direction:column;align-items:start;gap:10px}footer a{margin-left:0;margin-right:20px}.floating{right:16px;bottom:16px}html{scroll-padding-top:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.admin-bar header{top:32px}.wp-content{padding-top:60px;padding-bottom:60px}.wp-content img{max-width:100%;height:auto}.wp-content a{ text-decoration:underline}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:100;background:white;padding:12px}@media(max-width:782px){.admin-bar header{top:46px}}