/*
Theme Name: MHR NEO (Black/Orange)
Theme URI: https://mhrchiptuning.com/
Author: MHR
Description: Tema ligero, moderno, con look 3D (glass + depth) en negro/gris/naranja.
Version: 1.1.0
Text Domain: mhr-neo
*/
:root{
  --bg0:#07090d;
  --bg1:#0b0f14;
  --bg2:#0c0d10;
  --fg:#f5f6fb;
  --muted:rgba(245,246,251,.74);
  --shadow: 0 22px 60px rgba(0,0,0,.60);
  --shadow2: 0 12px 28px rgba(0,0,0,.48);
  --accent:#ff7a18;
  --accent2:#ffb300;
  --radius:22px;
  --radius2:28px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(255,122,24,.22), transparent 60%),
    radial-gradient(900px 500px at 75% 20%, rgba(255,179,0,.14), transparent 55%),
    radial-gradient(900px 520px at 55% 85%, rgba(255,122,24,.10), transparent 60%),
    linear-gradient(180deg, var(--bg0), var(--bg1) 45%, var(--bg2));
  color:var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  line-height:1.55;
}
a{color:inherit}
p{color:var(--muted)}
h1,h2,h3,h4{letter-spacing:-.02em; line-height:1.15; margin:0 0 .6rem}
h1{font-size: clamp(2.1rem, 4vw, 3.5rem)}
h2{font-size: clamp(1.6rem, 3vw, 2.3rem)}
h3{font-size: clamp(1.15rem, 2.2vw, 1.45rem)}

.mhr-wrap{max-width:1140px;margin:0 auto;padding:0 18px}
.mhr-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(10,12,16,.80), rgba(10,12,16,.42));
  border-bottom:1px solid rgba(255,255,255,.10);
}
.mhr-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}
.mhr-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.mhr-logo{
  width:40px;height:40px;border-radius:14px;
  background:
    radial-gradient(18px 18px at 28% 30%, rgba(255,255,255,.62), transparent 60%),
    linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: 0 14px 30px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.28);
}
.mhr-brand span{font-weight:900;letter-spacing:-.02em}
.mhr-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.mhr-menu a{text-decoration:none;color:rgba(245,246,251,.86);font-weight:800}
.mhr-menu a:hover{color:rgba(245,246,251,1)}

.mhr-cta{display:flex;gap:10px;align-items:center}
.mhr-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  text-decoration:none;font-weight:900;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.mhr-btn--solid{
  border-color: rgba(255,122,24,.45);
  background: linear-gradient(135deg, rgba(255,122,24,.95), rgba(255,179,0,.75));
}

.mhr-main{padding:38px 0 70px}
.entry-content{max-width:1140px;margin:0 auto;padding:0 18px}

.wp-block-cover{
  border-radius: var(--radius2);
  overflow:hidden;
  box-shadow: var(--shadow);
  border:1px solid rgba(255,255,255,.12);
}
.wp-block-cover__inner-container{padding: clamp(22px, 4vw, 46px)}

.wp-block-buttons .wp-block-button__link{
  border-radius:999px;
  padding: 12px 16px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: var(--fg);
  box-shadow: var(--shadow2);
}
.wp-block-button.is-style-fill .wp-block-button__link{
  border-color: rgba(255,122,24,.55);
  background: linear-gradient(135deg, rgba(255,122,24,.98), rgba(255,179,0,.76));
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background: rgba(255,255,255,.02);
}

.wp-block-columns{gap:18px}
.wp-block-column{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  border-radius: var(--radius);
  padding:18px;
  box-shadow: var(--shadow2);
  transform-style: preserve-3d;
  transition: transform .25s ease, border-color .25s ease;
  position:relative;
  overflow:hidden;
}
.wp-block-column::before{
  content:"";
  position:absolute; inset:-2px;
  background: radial-gradient(220px 160px at 20% 20%, rgba(255,122,24,.22), transparent 70%),
              radial-gradient(240px 160px at 80% 30%, rgba(255,179,0,.14), transparent 70%);
  opacity:.95;
  pointer-events:none;
}
.wp-block-column > *{position:relative}
.wp-block-column:hover{
  transform: translateY(-6px) rotateX(2deg) rotateY(-2deg);
  border-color: rgba(255,255,255,.18);
}

.wp-block-group.has-background{
  border-radius: var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.has-light-gray-background-color{background: rgba(255,255,255,.05) !important}

.mhr-footer{border-top:1px solid rgba(255,255,255,.10); padding:26px 0 40px; color:rgba(245,246,251,.70)}
.mhr-footer a{color:rgba(245,246,251,.78)}

@media (max-width: 780px){
  .mhr-cta{display:none}
  .mhr-menu ul{gap:12px}
}

.mhr-logo-img {
  height: 80px;
  width: auto;
  display: block;
  margin-right: 0px;
}

@media (max-width: 768px) {
  .mhr-logo-img {
    height: 80px;
  }
}