/*
Theme Name: MideCoche
Theme URI: https://midecoche.es/
Author: MideCoche
Author URI: https://midecoche.es/
Description: Tema ligero, responsive y orientado a SEO para MideCoche.es. Preparado para Yoast SEO, AdSense, comparadores, medidas y maleteros de coches.
Version: 3.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: midecoche
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{
  --mc-bg:#f3f6fa;
  --mc-surface:#ffffff;
  --mc-text:#0c1730;
  --mc-muted:#60708b;
  --mc-line:#e1e8f2;
  --mc-primary:#2764ff;
  --mc-primary-dark:#1548ca;
  --mc-cyan:#18b7d8;
  --mc-accent:#1ec995;
  --mc-nav:#07142d;
  --mc-nav-2:#0b2043;
  --mc-soft:#eef4ff;
  --mc-radius:22px;
  --mc-shadow:0 18px 46px rgba(10,30,70,.10);
  --mc-container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mc-bg);color:var(--mc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--mc-primary)}
img,svg{max-width:100%;height:auto}
button,input,select{font:inherit}
button{cursor:pointer}
.mc-container{width:min(calc(100% - 36px),var(--mc-container));margin-inline:auto}
.mc-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,229,240,.95)}
.mc-header-row{min-height:72px;display:flex;align-items:center;gap:26px}
.mc-brand{display:flex;align-items:center;gap:11px;font-size:1.12rem;font-weight:900;letter-spacing:-.04em;white-space:nowrap;color:var(--mc-text)}
.mc-logo-mark{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--mc-primary),#4c88ff 62%,var(--mc-cyan));color:#fff;box-shadow:0 10px 24px rgba(39,100,255,.25);font-weight:950}
.mc-logo-mark:after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:2px;background:rgba(255,255,255,.55);border-radius:5px;box-shadow:5px 0 0 rgba(255,255,255,.25),-5px 0 0 rgba(255,255,255,.25)}
.mc-brand small{font-weight:800;color:#7d8aa0}
.mc-nav{margin-left:auto}
.mc-nav ul{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}
.mc-nav a{font-size:.9rem;font-weight:760;color:#35435c;transition:.18s ease}
.mc-nav a:hover{color:var(--mc-primary)}
.mc-header-search{display:flex;align-items:center;gap:8px;background:#f4f7fb;border:1px solid #e0e7f0;border-radius:14px;padding:6px 7px 6px 12px;min-width:226px}
.mc-header-search input{width:100%;border:0;outline:0;background:transparent;color:var(--mc-text);font-size:.88rem}
.mc-header-search button{border:0;background:var(--mc-nav);color:#fff;border-radius:10px;padding:7px 11px;font-weight:850}
.mc-menu-toggle{display:none;margin-left:auto;border:1px solid var(--mc-line);background:#fff;border-radius:10px;padding:8px 10px}
.mc-main{min-height:60vh}
.mc-section{padding:66px 0}
.mc-section--tight{padding:26px 0}
.mc-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}
.mc-section-head h2{margin:0;font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.08;letter-spacing:-.045em}
.mc-section-head p{margin:7px 0 0;color:var(--mc-muted);max-width:680px}
.mc-link-arrow{font-weight:850;color:var(--mc-primary);font-size:.9rem;white-space:nowrap}
.mc-card{background:var(--mc-surface);border:1px solid var(--mc-line);border-radius:var(--mc-radius);box-shadow:0 8px 28px rgba(17,39,78,.045)}
.mc-breadcrumbs{font-size:.82rem;color:var(--mc-muted);margin:22px 0 0}
.mc-breadcrumbs a{color:#475569}
.mc-content{background:#fff;border:1px solid var(--mc-line);border-radius:22px;padding:clamp(22px,4vw,44px);margin:28px auto 50px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.mc-content h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.02;letter-spacing:-.05em;margin:.1em 0 .35em}
.mc-content h2{font-size:1.65rem;margin-top:2em;letter-spacing:-.03em}
.mc-content p,.mc-content li{color:#334155}
.mc-post-meta{font-size:.88rem;color:var(--mc-muted);margin-bottom:18px}
.mc-site-footer{background:linear-gradient(180deg,#08162f,#061022);color:#dbe4f2;margin-top:52px}
.mc-footer-grid{padding:50px 0 38px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:36px}
.mc-footer-title{font-size:.9rem;font-weight:850;color:#fff;margin:0 0 12px}
.mc-footer-copy{color:#98aac3;font-size:.9rem;max-width:410px}
.mc-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.88rem;color:#b7c3d5}
.mc-footer-links a:hover{color:#fff}
.mc-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0 20px;color:#8194ad;font-size:.8rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mc-ad-slot{min-height:90px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.75rem;margin:24px 0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1020px){
  .mc-header-search{display:none}.mc-nav{display:none;position:absolute;left:18px;right:18px;top:66px;background:#fff;border:1px solid var(--mc-line);border-radius:16px;padding:12px;box-shadow:var(--mc-shadow)}.mc-nav.is-open{display:block}.mc-nav ul{display:grid;gap:3px}.mc-nav a{display:block;padding:10px;border-radius:10px}.mc-menu-toggle{display:block}.mc-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .mc-container{width:min(calc(100% - 22px),var(--mc-container))}.mc-header-row{min-height:62px}.mc-logo-mark{width:36px;height:36px}.mc-brand{font-size:1rem}.mc-section{padding:48px 0}.mc-section-head{align-items:start;flex-direction:column}.mc-footer-grid{grid-template-columns:1fr}
}

/* MideCoche v3.1 — header y contenedor perfectamente alineados */
:root{--mc-container:1240px}
.mc-header-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}
.mc-nav{margin-left:0;justify-self:center;min-width:0}
.mc-nav ul{justify-content:center}
.mc-header-search{justify-self:end}
.mc-site-header .mc-brand{justify-self:start}
@media(max-width:1020px){
  .mc-header-row{display:flex}.mc-nav{justify-self:auto}.mc-header-search{justify-self:auto}
}


/* MideCoche v3.2 — logo e icono integrados */
.mc-brand-image,.mc-brand-footer{display:flex;align-items:center}
.mc-theme-logo{display:block;height:46px;width:auto;max-width:260px}
.mc-brand-custom .custom-logo-link{display:flex;align-items:center}
.mc-brand-custom .custom-logo{display:block;height:46px;width:auto;max-width:260px}
.mc-theme-logo-footer{height:38px;max-width:220px}
@media(max-width:860px){
  .mc-theme-logo,.mc-brand-custom .custom-logo{height:40px;max-width:220px}
  .mc-theme-logo-footer{height:34px;max-width:200px}
}
@media(max-width:520px){
  .mc-theme-logo,.mc-brand-custom .custom-logo{height:36px;max-width:190px}
}


/* MideCoche v3.5 — branding con mayor protagonismo */
.mc-header-row{min-height:82px;gap:32px}
.mc-site-header .mc-brand{padding-right:8px}
.mc-theme-logo{height:58px;max-width:315px;object-fit:contain;object-position:left center}
.mc-brand-custom .custom-logo{height:58px;max-width:315px;object-fit:contain}
.mc-theme-logo-footer{height:38px;max-width:228px;filter:brightness(0) invert(1);opacity:.96}
@media(max-width:1100px){
  .mc-header-row{gap:22px}
  .mc-theme-logo,.mc-brand-custom .custom-logo{height:52px;max-width:280px}
}
@media(max-width:860px){
  .mc-header-row{min-height:72px}
  .mc-theme-logo,.mc-brand-custom .custom-logo{height:47px;max-width:250px}
  .mc-theme-logo-footer{height:34px;max-width:200px}
}
@media(max-width:520px){
  .mc-header-row{min-height:66px}
  .mc-theme-logo,.mc-brand-custom .custom-logo{height:41px;max-width:210px}
}