/*
Theme Name: SERVISA Automotriz
Author: SERVISA
Description: Tema de servicios automotrices, responsive y configurable.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: servisa
*/
:root{--ink:#142522;--green:#c8f367;--paper:#f6f7f2;--muted:#61716b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #548b12;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 32px}.top{background:var(--ink);color:#dfe8e0;font-size:12px;padding:9px 0}.top .wrap{display:flex;justify-content:space-between}header{position:sticky;top:0;background:rgba(246,247,242,.97);z-index:10;border-bottom:1px solid #dde2d7}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:25px}.logo{font-size:29px;font-weight:900;letter-spacing:-1.5px}.logo i{color:#699928;font-style:normal}.logo small{display:block;font-size:9px;letter-spacing:3px;line-height:1}.links{display:flex;gap:26px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:var(--green);border:1px solid transparent;border-radius:6px;font-weight:bold;cursor:pointer;gap:16px}.btn.dark{background:var(--ink);color:white}.btn.outline{border-color:#73877c;background:transparent;color:white}.menu{display:none}.hero{background:var(--ink);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;min-height:620px}.hero-copy{padding:80px 42px 65px 0}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:#699928}.hero .eyebrow{color:var(--green)}h1{font-size:clamp(42px,5.1vw,69px);line-height:1.07;letter-spacing:-3px;margin:25px 0}h1 span{color:var(--green)}.hero p{max-width:460px;color:#c1cdc5;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 55%,#365143,transparent 68%);border-left:1px solid #365044}.hero-art svg{width:115%;max-width:720px}.art-tag{position:absolute;bottom:48px;left:30px;border:1px solid #51685b;padding:16px 22px;background:#21372eee;border-radius:8px;font-size:13px}.art-tag b{display:block;color:var(--green);font-size:10px;letter-spacing:2px}.strip{border-bottom:1px solid #dce1d5}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;font-size:13px;font-weight:bold}.strip span:before{content:'↗';color:#699928;margin-right:12px}section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-1.7px;margin:14px 0}h3{font-size:21px;line-height:1.3}.section-head p{max-width:350px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #dde3d7;padding:30px;border-radius:9px;position:relative;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#699928}.card .num{font-family:monospace;color:#789268;font-size:13px}.card p{color:var(--muted);font-size:14px;min-height:66px}.card a{font-size:13px;font-weight:bold;display:flex;justify-content:space-between;border-top:1px solid #e8ece2;padding-top:17px}.about{background:#e9eddf}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{background:var(--ink);color:white;padding:40px;border-radius:12px}.panel-label{font-size:11px;letter-spacing:2px;color:var(--green)}.check{border-bottom:1px solid #41554a;padding:17px 0;display:flex;gap:18px}.check b{color:var(--green)}.note{font-size:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step{border-top:1px solid #c7d0bc;padding-top:25px}.step span{font-size:36px;color:#7b9959;font-weight:bold}.step p{color:var(--muted)}.faq{background:white}.faq details{border-bottom:1px solid #dce2d7;padding:22px 0}.faq summary{cursor:pointer;font-weight:bold}.faq details p{color:var(--muted);max-width:650px}.contact{background:var(--ink);color:white}.contact p{color:#c1cdc5}.contact form{background:#243a30;padding:30px;border:1px solid #425a4c;border-radius:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;margin-bottom:15px}input,select,textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #52665a;border-radius:5px;background:#183024;color:white}textarea{min-height:90px}.contact .note{color:#c1cdc5}footer{background:#0b1c16;color:#a9baaf;padding:40px 0;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:25px}.skip{position:absolute;top:-90px}.skip:focus{top:10px;z-index:50;background:white;padding:10px}.floating{position:fixed;bottom:22px;right:22px;box-shadow:0 4px 25px #0003;z-index:15}.article{padding:60px 0;min-height:60vh}.article a{text-decoration:underline}@media(max-width:850px){.wrap{padding:0 22px}.links{display:none;position:absolute;left:0;right:0;top:86px;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid #ddd}.links.open{display:flex}.menu{display:block;background:none;border:1px solid #c5cebc;border-radius:4px;padding:7px 12px}.nav>.btn{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0 35px}.hero-art{min-height:300px;border-left:0}.hero-art svg{width:90%}.art-tag{bottom:20px;left:10px}.strip .wrap{flex-wrap:wrap}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr;gap:32px}.section-head{display:block}.steps{gap:20px}section{padding:55px 0}}@media(max-width:520px){h1{letter-spacing:-2px}.grid,.steps,.fields{grid-template-columns:1fr}.top .wrap span:last-child{display:none}.strip span{width:45%;font-size:11px}.card p{min-height:0}.floating{font-size:12px;padding:12px}footer .wrap{flex-direction:column}.panel{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* Identidad SERVISA */
.brand{flex-shrink:0;width:260px}.logo-image,.custom-logo-link{display:block;line-height:0}.brand img{display:block;width:100%;height:auto;max-height:110px;object-fit:contain}.footer-brand{display:block;background:#f6f7f2;border-radius:6px;padding:3px 12px;max-width:280px;line-height:0}.footer-brand img{display:block;width:100%;height:auto}.hero-art img{display:block}header .nav{min-height:96px}@media(max-width:850px){.brand{width:220px}.links{top:96px}}@media(max-width:520px){.brand{width:190px}.nav{gap:12px}}

/* Portada fotográfica */
.hero-art{overflow:hidden;min-height:620px}.hero-art .hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,37,34,.25),transparent 45%),linear-gradient(0deg,rgba(20,37,34,.55),transparent 40%);pointer-events:none}.art-tag{z-index:1}.photo-caption{display:block;font-size:10px;color:#c1cdc5;margin-top:5px}@media(max-width:850px){.hero-art{min-height:480px}.hero-art .hero-photo{object-position:center 48%}}@media(max-width:520px){.hero-art{min-height:440px}}