/*
Theme Name: Zenitra Mágina
Theme URI: https://www.xauenpublicidad.es
Author: Xauen Publicidad
Author URI: https://www.xauenpublicidad.es
Description: Tema a medida para Zenitra Mágina, distribuidor STIHL y servicio técnico en Jódar (Jaén). Al activarlo crea las páginas Inicio, Maquinaria, Destacados y Contacto y deja Inicio como portada.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Propietaria
Text Domain: zenitra
*/

:root{--or:#ff6a00;--or2:#d95a00;--bg:#fff;--bg2:#f6f6f5;--tx:#151515;--mu:#5d5d5a;--ln:#e6e5e2;--card:#fff;--dk:#151515;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.55 Montserrat,system-ui,Arial,sans-serif}
h1,h2,h3{margin:0;font-weight:800;line-height:1.08}h1{font-size:clamp(2.1rem,5.2vw,3.7rem)}h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}h3{font-size:1rem;font-weight:700}
p{margin:0 0 1em;max-width:60ch}a{color:inherit}img{display:block;max-width:100%}
.w{max-width:1200px;margin:0 auto;padding:0 24px}.o{color:var(--or)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--ln)}
header .w{display:flex;align-items:center;gap:28px;min-height:68px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:18px;text-decoration:none}.logo b{font-weight:800;font-size:1.35rem;line-height:.95;display:block}.logo b i{font-style:normal;color:var(--or);display:block}
.logo small{font-size:.66rem;font-weight:700;line-height:1.25;max-width:140px}
nav{display:flex;gap:30px;margin:0 auto}nav a{text-decoration:none;font-weight:600;font-size:.92rem;padding:8px 0;border-bottom:3px solid transparent}nav a[aria-current=page]{color:var(--or);border-color:var(--or)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--or);color:#fff;border:2px solid var(--or);padding:12px 20px;font:700 .85rem Montserrat,Arial,sans-serif;text-decoration:none;cursor:pointer;border-radius:4px}
.btn:hover{background:var(--or2);border-color:var(--or2)}.btn.ol{background:transparent;border-color:#fff;color:#fff}.btn.wa{background:#1fa855;border-color:#1fa855}.btn.sm{padding:10px 14px;font-size:.78rem}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #ffb27a;outline-offset:2px}
svg.i{width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ey{display:flex;align-items:center;gap:10px;color:var(--or);font-weight:700;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}.ey::before{content:"";width:28px;height:3px;background:var(--or)}.hero .ey,.dkb .ey{text-shadow:0 1px 6px #000}
.hero{position:relative;color:#fff;background:#0d0d0d no-repeat right center/cover;display:flex;align-items:center;min-height:430px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0d 0,#0d0d0dd9 38%,#0d0d0d33 75%,transparent)}
.hero .w{position:relative;width:100%;padding-top:56px;padding-bottom:56px}.hero p{color:#e8e6e1;margin:18px 0 24px;max-width:48ch}
.hero.s{min-height:300px}.row{display:flex;gap:12px;flex-wrap:wrap}
.tag{position:absolute;right:24px;bottom:24px;z-index:2;text-align:center}.tag b{display:block;background:var(--or);color:#fff;font:800 italic 1.9rem Montserrat,Arial;padding:6px 22px;letter-spacing:-.02em}.tag span{display:block;background:#0d0d0d;color:#fff;font-size:.6rem;font-weight:700;padding:5px}
.crumb{font-size:.8rem;color:var(--or);margin-bottom:14px}.crumb a{text-decoration:none}.crumb span{color:#fff}
.dkb{position:relative;color:#fff;background:#151515 no-repeat right center/cover;overflow:hidden}.dkb::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151515 0,#151515e6 42%,#15151540 80%,transparent)}.dkb>.w{position:relative;padding-top:56px;padding-bottom:56px}.dkb p{color:#d9d6d0}
.svc{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}.svc ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}.svc li{display:flex;gap:12px;align-items:center;font-size:.9rem;font-weight:600}.svc li svg{color:var(--or)}
.strip{background:var(--bg2)}.strip .w{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding-top:22px;padding-bottom:22px}
.it{display:flex;gap:14px;align-items:center;text-decoration:none}.it svg{width:2.2rem;height:2.2rem;color:var(--or);stroke-width:1.5}.it b{display:block;font-size:.92rem;line-height:1.2}.it span{font-size:.75rem;color:var(--mu)}
.fc{text-align:center;flex-direction:column;gap:6px}
section.b{padding:64px 0}.alt{background:var(--bg2)}
.need{display:grid;grid-template-columns:1fr 2.2fr;gap:34px;align-items:center}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.g4.m{margin-top:30px}
.cat{background:var(--card);border:1px solid var(--ln);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.cat img{width:100%;aspect-ratio:3/2;object-fit:cover}.cat.t img{aspect-ratio:3/4}
.cat div{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.cat p{font-size:.8rem;color:var(--mu);margin:0;flex:1}
.cat em{font-style:normal;color:var(--or);font-weight:700;font-size:.8rem}
.pr{position:relative;background:var(--card);border:1px solid var(--ln);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.pr img{width:100%;aspect-ratio:3/2;object-fit:cover}.pr div{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.pr p{font-size:.82rem;color:var(--mu);margin:0;flex:1}.pr .btn{justify-content:center}
.olv{min-height:300px;display:flex;align-items:center}.olv .w{width:100%}
.badge{position:absolute;right:28px;bottom:28px;z-index:2;display:flex;gap:12px;align-items:center;background:#0d0d0dcc;padding:10px 16px;border-radius:40px;font-size:.78rem;line-height:1.25}.badge svg{background:var(--or);width:2.4rem;height:2.4rem;padding:9px;border-radius:50%}
.sp{display:grid;grid-template-columns:1fr 1fr}.sp>div{padding:56px 40px;display:flex;flex-direction:column;justify-content:center}.sp img{width:100%;height:100%;object-fit:cover;min-height:300px}
.hbox{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.hbox a{display:flex;gap:10px;align-items:center;background:var(--bg2);border-radius:6px;padding:12px;text-decoration:none;font-size:.78rem;line-height:1.25}.hbox b{display:block;font-size:.85rem}.hbox svg{color:var(--or);width:1.6rem;height:1.6rem}
.cont{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.formc{background:var(--bg2);border-radius:6px;padding:28px}.formc h2{font-size:1.5rem}
label{display:block;font-weight:600;font-size:.8rem;margin:12px 0 4px}
input,select,textarea{width:100%;padding:11px;font:inherit;font-size:.9rem;background:var(--bg);color:var(--tx);border:1px solid var(--ln);border-radius:4px}
.chk{display:flex;gap:10px;font-weight:400;align-items:flex-start}.chk input{width:auto;margin-top:4px}
.note{border-left:4px solid var(--or);background:var(--bg);padding:10px 14px;font-size:.85rem;margin:14px 0 0}
.addr{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:40px}.addr>div{background:var(--bg2);border-radius:6px;overflow:hidden}.inf{padding:26px;display:grid;gap:18px;font-size:.88rem}.inf p{margin:0}.inf div{display:flex;gap:14px}.inf svg{color:var(--or);width:1.7rem;height:1.7rem}
.map{position:relative;min-height:240px}.map img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.map a{position:absolute;right:14px;top:14px;background:#fff;color:#151515;font-size:.75rem;font-weight:700;padding:8px 12px;border-radius:4px;text-decoration:none;box-shadow:0 1px 4px #0003}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px 24px;max-width:1200px;margin:0 auto}.gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.fts{display:flex;gap:30px;justify-content:flex-end;flex-wrap:wrap}.fts div{text-align:center;max-width:150px;font-size:.78rem;color:#d9d6d0}.fts svg{color:var(--or);width:2rem;height:2rem;margin:0 auto 6px}.fts b{display:block;color:#fff;font-size:.9rem}
.green{background:#16201a}
footer{background:#151515;color:#c9c6bf;padding:48px 0 24px;font-size:.88rem}footer .g{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:28px}footer h3{color:#fff;font-size:.95rem;margin-bottom:10px}footer a{display:block;padding:3px 0;text-decoration:none}
.lg{border-top:1px solid #33322f;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.78rem}.lg button{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;margin-left:14px;padding:0}
dialog{max-width:520px;border:1px solid var(--ln);background:var(--bg);color:var(--tx);border-radius:6px}
.ul{justify-self:end}.strip .s3{padding:0;grid-template-columns:repeat(3,1fr)}.dkb>.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
@media(max-width:900px){.ul{justify-self:start}.strip .s3,.dkb>.two{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:480px}.hero.s{min-height:400px}.hero,.dkb{background-position:center top!important}.hero .tag{position:relative;right:auto;bottom:auto;margin:0 24px 28px}.olv{flex-direction:column;align-items:flex-start}.badge{position:relative;right:auto;bottom:auto;margin:0 24px 28px}.sp img{min-height:220px;max-height:320px}}
@media(max-width:900px){nav{gap:16px;order:3;width:100%;margin:0;overflow-x:auto}header .btn{margin-left:auto}.svc,.need,.cont,.addr,.sp{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.cat.t img{aspect-ratio:3/2}footer .g{grid-template-columns:1fr 1fr}.sp>div{padding:40px 24px}.fts{justify-content:flex-start;margin-top:20px}.gal{grid-template-columns:repeat(2,1fr)}.hbox{grid-template-columns:1fr}.hero::before,.dkb::before{background:linear-gradient(0deg,#0d0d0d 30%,#0d0d0d85 68%,#0d0d0d30)}.logo small{display:none}}
@media(max-width:520px){.g4{grid-template-columns:1fr}}

.bn{position:relative;background:#151515;color:#fff;overflow:hidden}
.bn-in{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:44px 24px}
.bn-t{max-width:520px}.bn h1,.bn h2{font-size:clamp(1.9rem,3.5vw,3.2rem)}.bn p{color:#e9e7e2;margin:14px 0 22px;font-size:.95rem}
.bn .ey{background:#151515;padding:5px 12px 5px 8px;width:fit-content;border-radius:2px}.bn .tag{position:static;display:inline-block;margin-top:24px}.bn .badge{position:static;display:inline-flex;margin-top:22px;background:#000000b3}
.bn-ul{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;font-size:.8rem;font-weight:600}.bn-ul li{display:flex;gap:8px;align-items:center}.bn-ul svg{color:var(--or)}
.bn-img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
@media(min-width:901px){
.bn-full{min-height:max(33.4vw,440px);display:flex;align-items:center}
.bn-full .bn-media{position:absolute;inset:0}.bn-full .bn-img{height:100%;aspect-ratio:auto;object-position:right center}
.bn-full .bn-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.60) 30%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 72%)}
.bn-full .bn-t{width:46%}}
@media(min-width:1180px){
.bn-split{display:grid;grid-template-columns:64% 36%}
.bn-split .bn-media{position:relative;aspect-ratio:3/1}.bn-split .bn-img{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:left center}
.bn-split .bn-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,21,21,0) 0%,rgba(21,21,21,0) 82%,rgba(21,21,21,1) 100%)}
.bn-split .bn-in{max-width:none;margin:0;display:flex;align-items:center;padding:32px 40px 32px 28px}}
@media(max-width:900px){.bn-full .bn-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#151515 0,rgba(21,21,21,0) 22%)}.bn-full .bn-media{position:relative}.bn-ul{grid-template-columns:1fr}}
@media(min-width:901px) and (max-width:1179px){.bn-split .bn-media{position:relative}.bn-split .bn-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#151515 0,rgba(21,21,21,0) 18%)}}

.bn h1 .o{white-space:nowrap}
.bn-fr{position:relative;width:100%}.bn-fr .bn-img{width:100%}
@media(min-width:1180px){
.bn-split h2{font-size:clamp(1.7rem,2.6vw,2.5rem)}.bn-split p{font-size:.9rem;margin:12px 0 18px}.bn-ul{margin-top:18px;gap:10px 14px}.bn-split .bn-in{padding:24px 36px 24px 24px}
.bn-split .bn-media{aspect-ratio:auto;background:#151515}.bn-split .bn-media::after{display:none}
.bn-fr{aspect-ratio:3/1}.bn-fr .bn-img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.bn-fr::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,21,21,0) 0%,rgba(21,21,21,0) 82%,#151515 100%),linear-gradient(0deg,#151515 0,rgba(21,21,21,0) 20%)}}
@media(min-width:901px) and (max-width:1179px){.bn-split .bn-media::after{display:none}.bn-fr::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#151515 0,rgba(21,21,21,0) 18%)}}
@media(max-width:900px){.bn-split .bn-media::after{display:none}.bn-fr::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#151515 0,rgba(21,21,21,0) 18%)}}
.mapc{display:grid;place-items:center;text-align:center;padding:36px 20px;min-height:200px;font-size:.9rem}

#ubicacion,#formulario{scroll-margin-top:76px}
.addr{grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.menu-btn{display:none}
.bn2{display:grid;grid-template-columns:58% 42%;background:#151515;color:#fff;overflow:hidden}.bn2.ir{grid-template-columns:42% 58%}
.bn2-m{position:relative}.bn2-m img{display:block;width:100%;height:auto;aspect-ratio:1200/720}.bn2-m::after{content:"";position:absolute;inset:0;pointer-events:none}
.bn2.il .bn2-m::after{background:linear-gradient(90deg,rgba(21,21,21,0) 90%,#151515 100%)}.bn2.ir .bn2-m::after{background:linear-gradient(270deg,rgba(21,21,21,0) 90%,#151515 100%)}
.bn2.ir .bn2-m{grid-column:2;grid-row:1}.bn2.ir .bn2-t{grid-column:1;grid-row:1}
.bn2-t{display:flex;align-items:center}.bn2-in{padding:40px 44px;max-width:580px}
.bn2 h1,.bn2 h2{font-size:clamp(1.7rem,2.9vw,2.7rem)}.bn2 p{color:#e9e7e2;font-size:.93rem;margin:14px 0 22px}.bn2 .ey{background:#151515;padding:5px 12px 5px 0}
.bn2 .fts{justify-content:flex-start;margin-top:22px;gap:18px}.bn2 .fts div{text-align:left;max-width:170px}.bn2 .fts svg{margin:0 0 6px}
.bn2 .crumb{margin-bottom:12px}
@media(max-width:999px){.bn2,.bn2.ir{display:block}.bn2-in{padding:30px 24px 36px;max-width:none}.bn2-m::after,.bn2.il .bn2-m::after,.bn2.ir .bn2-m::after{background:linear-gradient(0deg,#151515 0,rgba(21,21,21,0) 12%)}.addr{grid-template-columns:1fr}}
@media(max-width:600px){.bn2-m img{aspect-ratio:720/900}}
@media(max-width:900px){
html{scroll-padding-top:calc(68px + env(safe-area-inset-top,0px))}
header .w{min-height:60px;padding-top:0;padding-bottom:0;flex-wrap:nowrap;gap:12px;justify-content:space-between}
.logo b i,.logo small,header .hphone{display:none}.logo b{font-size:1.5rem}
.menu-btn{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:none;border:0;color:var(--tx);cursor:pointer;border-radius:4px;margin-right:-8px}
.menu-btn svg{width:26px;height:26px}.menu-btn .ic-x{display:none}.menu-btn[aria-expanded=true] .ic-x{display:block}.menu-btn[aria-expanded=true] .ic-m{display:none}.menu-btn:focus-visible{outline:3px solid var(--or);outline-offset:0}
header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;width:auto;order:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--ln);box-shadow:0 10px 24px #0004;overflow:visible;padding:6px 0}
header nav.open{display:flex}
header nav a{display:flex;align-items:center;min-height:48px;padding:0 24px;border-bottom:0;border-left:4px solid transparent}
header nav a[aria-current=page]{border-left-color:var(--or)}}

/* ===== Añadidos del tema WordPress ===== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.note.ok{border-left-color:#1fa855}.note.err{border-left-color:#d93a00}
.legal{padding:56px 0 72px}.legal h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:24px}.legal .ct{max-width:75ch}.legal .ct p{max-width:none}.legal .ct h2{font-size:1.3rem;margin:28px 0 10px}
.cat a.cl{text-decoration:none}