/*
 Theme Name:   GP News Pro
 Theme URI:    https://wplitetheme.com/gp-news-pro/
 Description:  GeneratePress Child theme for mobile responsive news blog website. Using this child theme you can easily create a news website. This GeneratePress Child theme design by wplitetheme.com
 Author:       WPLiteTheme.com
 Author URI:   https://wplitetheme.com
 Template:     generatepress
 Version:      1.4.0
*/

.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.page-header-image-single .attachment-full {
    box-shadow: rgba(23, 43, 99, .3) 0 7px 28px;
    border-radius: 16px;
    margin-bottom: -5px;
    transition: opacity 0.3s ease-in-out;
}
.wplite-banner-ads {
	margin-bottom: 15px;
}
.rank-math-breadcrumb p {
	background: #e5e8ec;
	color: #000000;
	padding: 5px 10px;
	border-radius: 4px;
    font-size: 11px;
	font-weight: 700;
}
@media (max-width: 768px){
	.rank-math-breadcrumb p {
		margin: 0px 10px;
	}
}
/*Block Images*/
.wp-block-image {
    padding-top: 10px;
    padding-bottom: 20px;
}

.wp-block-image img {
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 6%);
    border: 1px solid #cfcfcf;
    padding: 3px;
}
/*Table of contents*/
#toc_container li a {
    display: block;
    width: 100%;
    color: var(--link-text);
    padding: 10px 1em;
    border-top: 1px solid #aaa;
}
#toc_container {
    background: #f9f9f900;
    border: 1px solid #aaa;
    padding: 0px;
}
#toc_container span.toc_toggle {
    font-weight: 400;
    background: #fff;
    padding: 3px 20px;
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
    display: block;
}

/*Social Share*/
.wpjankari-social-wrapper {
    margin: 0px 20px 0px 20px;
    font-size: 0;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
}
.wpjankari-social-sharing {
	padding: 8px;
	margin: 4px;
	border-radius: 3px;
    flex: 1;
    transition: background-color 0.3s, transform 0.3s, color 0.3s;
}
.wpjankari-social-sharing:hover {
	transform: translateY(-3px);
	border: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
@media only screen and (max-width: 600px) {
    .wpjankari-social-sharing {
		display: inline-block;
    }
}
.wpjankari-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.wpjankari-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.wpjankari-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.wpjankari-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.wpjankari-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.wpjankari-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
/*WhatsApp and Teligram*/
.whatsapphighlight {
	animation: WPLiteTheme-GreenBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-GreenBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #25d366;
	}
	100% {
		border-color: transparent;
	}
}
.telegramhighlight {
	animation: WPLiteTheme-BlueBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-BlueBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #0086ce;
	}
	100% {
		border-color: transparent;
	}
}
/*Categories Hedline*/
.inb-hp-heading:before {
    border-top: 2px solid #808080;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.stretch-link{
	position: relative;
}

.an-discover {
    position: relative !important;
    z-index: 10 !important;
}

/* ===== HEADER OSCURO ===== */
.site-header{
  background:#111 !important;
  border-top:none !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.inside-header{
  max-width:1200px;
  margin:0 auto;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.site-logo img,.header-image img{
  max-height:62px;
  width:auto;
}

/* ===== NAV OSCURA ===== */
.main-navigation{
  background:#111 !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
.main-navigation .inside-navigation{
  max-width:1200px;
  margin:0 auto;
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.main-navigation .main-nav > ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  margin:0;
  padding:0;
}
.main-navigation .main-nav > ul > li > a{
  color:rgba(255,255,255,.9) !important;
  text-transform:uppercase;
  font-weight:700;
  font-size:12px;
  letter-spacing:.7px;
  padding:8px 0;
  background:transparent !important;
}
.main-navigation .main-nav > ul > li > a:hover{
  color:#fff !important;
  opacity:1 !important;
}
.main-navigation .main-nav ul li[class*="current"] > a{
  background:transparent !important;
  color:#fff !important;
  font-weight:900 !important;
}
.main-navigation .main-nav ul li[class*="current"] > a:after{
  content:none !important;
}
.main-navigation .menu-toggle{
  color:#fff !important;
}
@media(min-width:769px){
  .main-navigation .menu-toggle{display:none !important}
}

/* ===== SUBMENÚS DESKTOP ===== */
.main-navigation .main-nav ul ul{
  background:#1a1a1a !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.main-navigation .main-nav ul ul li a{
  color:rgba(255,255,255,.8) !important;
}
.main-navigation .main-nav ul ul li a:hover{
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
}

/* ===== MOBILE NAV ===== */
@media(max-width:768px){
  .site-logo img,.header-image img{max-height:48px}
  .main-navigation .inside-navigation{
    padding:10px 14px;
    justify-content:flex-start;
    gap:12px;
  }
  .main-navigation .menu-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    position:static !important;
    transform:none !important;
    width:36px;height:36px;
    padding:6px;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .main-navigation .menu-toggle:after{content:none !important}
  .main-navigation .menu-toggle .mobile-menu,
  .main-navigation .menu-toggle .menu-text{display:none !important}
  .main-navigation .menu-toggle .gp-icon{display:inline-block !important}
  .main-navigation:not(.toggled) .main-nav{flex:1 1 auto;min-width:0}
  .main-navigation:not(.toggled) .main-nav > ul{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    justify-content:flex-start !important;
    gap:18px !important;
  }
  .main-navigation:not(.toggled) .main-nav > ul > li{flex:0 0 auto}
  .main-navigation:not(.toggled) .main-nav > ul::-webkit-scrollbar{display:none}
  .main-navigation:not(.toggled) .main-nav > ul > li > a{
    color:rgba(255,255,255,.85) !important;
  }
}

/* ===== SLIDEOUT MOBILE (NEGRO) ===== */
.slideout-navigation,
.slideout-navigation .inside-navigation,
.slideout-navigation .main-nav,
.slideout-navigation .main-nav ul{
  background:#000 !important;
}
.slideout-navigation .inside-navigation{
  display:flex !important;
  flex-direction:column !important;
  height:100vh !important;
  padding:20px 24px 0 !important;
}
.slideout-navigation .menu-toggle,
.slideout-navigation .close-button,
.slideout-navigation [class*="close"]{
  order:1 !important;
  color:#fff !important;
  background:transparent !important;
  border:none !important;
}
.slideout-navigation .main-nav{
  order:2 !important;
  overflow-y:auto !important;
}
.slideout-navigation .main-nav ul{
  display:block !important;
  overflow-y:auto !important;
  max-height:calc(100vh - 120px);
  padding:10px 24px 30px !important;
  margin:0 !important;
}
.slideout-navigation .main-nav li{display:block !important}
.slideout-navigation .main-nav a{
  display:block !important;
  padding:14px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
  background:transparent !important;
  font-size:22px !important;
  font-weight:600 !important;
  text-transform:none !important;
  text-decoration:none !important;
  letter-spacing:-0.01em !important;
  line-height:1.2 !important;
}
.slideout-navigation .main-nav a:hover{opacity:.7 !important}
.slideout-navigation .main-nav ul li[class*="current"] > a{
  color:#fff !important;
  font-weight:900 !important;
}
.slideout-navigation .main-nav li:last-child a{border-bottom:none !important}
.slideout-navigation .main-nav .sub-menu{padding-left:16px !important}
.slideout-navigation .main-nav .sub-menu a{
  font-size:16px !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.6) !important;
  padding:12px 0 !important;
}

/* ===== REDES EN SLIDEOUT ===== */
.mn-menu-social{
  order:99 !important;
  padding:16px 0 20px;
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:16px;
}
.mn-menu-social__links{display:flex;gap:14px;margin-bottom:16px}
.mn-menu-social__links a{
  display:flex !important;align-items:center;justify-content:center;
  width:38px !important;height:38px !important;
  border-radius:50% !important;background:rgba(255,255,255,.15) !important;
  color:#fff !important;text-decoration:none !important;
  padding:0 !important;border:none !important;
}
.mn-menu-social__links a:hover{background:rgba(255,255,255,.3) !important}
.mn-menu-social__links svg{width:18px;height:18px;fill:#fff}
.mn-menu-social__legal{font-size:11px;color:rgba(255,255,255,.4);line-height:1.6}
.mn-menu-social__legal a{
  color:rgba(255,255,255,.4) !important;text-decoration:underline !important;
  font-size:11px !important;font-weight:400 !important;
  padding:0 !important;border:none !important;display:inline !important;
}

/* ===== FIXES ===== */
#skin_boosters{position:static !important;height:auto !important;overflow:visible !important}
.an-discover{position:relative !important;z-index:10 !important}

/* Submenú mobile slideout */
.slideout-navigation .main-nav .sub-menu{
  background:transparent !important;
  padding-left:20px !important;
  margin:0 !important;
  border:none !important;
}
.slideout-navigation .main-nav .sub-menu li{
  background:transparent !important;
}
.slideout-navigation .main-nav .sub-menu li a{
  font-size:17px !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.55) !important;
  padding:10px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  background:transparent !important;
}
.slideout-navigation .main-nav .sub-menu li a:hover{
  color:rgba(255,255,255,.85) !important;
}

.slideout-navigation .inside-navigation .mn-menu-social{
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  right:auto !important;
  width:300px !important;
  padding:16px 24px 20px !important;
  background:#000 !important;
  z-index:10 !important;
  transform:none !important;
  margin:0 !important;
}

/* ═══ HOME SPACING ═══ */
body.home .site-content,
body.home .inside-article,
body.home .entry-content,
body.home .site-main,
body.home .site-main > article,
body.home .content-area,
body.home .page-header{
  padding-top:0 !important;
  margin-top:0 !important;
}
body.home .site-content > .grid-container{
  padding-top:0 !important;
  margin-top:0 !important;
}

/* Desktop: línea fina blanca entre nav y hero */
@media(min-width:769px){
  body.home .site-content{
    padding-top:4px !important;
    background:#fff;
  }
}

/* Mobile: hero full-bleed pegado */
@media(max-width:768px){
  .main-navigation{
    border-bottom:0 !important;
  }
  body.home .site-content{
    padding-top:0 !important;
  }
  body.home .inside-article{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .an-home{
    padding:0 !important;
  }
  .an-home .an-section,
  .an-home .an-ad-wrap,
  .an-home .an-cathead{
    padding-left:15px;
    padding-right:15px;
  }
  .an-home .an-grid3,
  .an-home .an-strip{
    padding-left:15px;
    padding-right:15px;
  }
  .an-home .an-section-fl{
    padding-left:15px;
    padding-right:15px;
  }
  .an-home .an-mn-section{
    margin-left:0;
    margin-right:0;
  }
  .an-home .an-section-elec{
    margin-left:0;
    margin-right:0;
    padding-left:15px;
    padding-right:15px;
  }
}

/* ═══ HOME SPACING ═══ */
body.home .site-content,
body.home .inside-article,
body.home .entry-content,
body.home .site-main,
body.home .site-main > article,
body.home .content-area,
body.home .page-header{
  padding-top:0 !important;
  margin-top:0 !important;
}
body.home .site-content > .grid-container{
  padding-top:0 !important;
  margin-top:0 !important;
}

/* Desktop: línea fina blanca entre nav y hero */
@media(min-width:769px){
  body.home .site-content{
    padding-top:4px !important;
    background:#fff;
  }
}

/* Mobile: hero full-bleed */
@media(max-width:768px){
  .main-navigation{
    border-bottom:0 !important;
  }
  body.home .inside-article{
    padding-left:15px !important;
    padding-right:15px !important;
    overflow-x:hidden !important;
  }
}

/* RSS icon: mismo rojo que la categoría + separación buena */
.an-cat-rss{
  margin-left:10px !important;        /* separarlo de “F1” */
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:20px !important;
  height:20px !important;
  border-radius:6px !important;
  border:1px solid currentColor !important;
  color:#e31b23 !important;           /* rojo autonoción */
  text-decoration:none !important;
  line-height:1 !important;
}

.an-cat-rss svg{
  fill: currentColor !important;
  opacity:1 !important;
}

.post-review .average, .post-review .review-final-score {
    min-width: 80px;
    text-align: center;
}
.post-review .average span, .post-review .review-final-score span {
    white-space: nowrap;
}

.review-final-score {
    min-width: 140px;
}
.review-final-score h3 {
    white-space: nowrap;
    font-size: 48px;
}

#mwl-root{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:100000 !important;
  pointer-events:none !important;
}
#mwl-root .mwl{
  pointer-events:auto;
}

.an-table-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  max-width:100%;
  margin-bottom:16px;
}

/* ── Sidebar en mobile: más aire ── */
@media(max-width:768px){
  #right-sidebar{
    padding:24px 15px 0 !important;
    margin-top:20px !important;
    border-top:1px solid #eee;
  }
  #right-sidebar .inside-right-sidebar{
    padding:0 !important;
  }
  .an-sb-section,.es-sb-wrap{
    margin-bottom:32px !important;
  }
}

/* ── Home: secciones full width sin container estrecho ── */
body.home .site-content .inside-article,
body.home .entry-content{
  max-width:100% !important;
  width:100% !important;
}
body.home .site-content .inside-article{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* ── Archivos: imágenes uniformes ── */
.archive .gb-loop-item img,
.blog .gb-loop-item img,
.category .gb-loop-item img,
.tag .gb-loop-item img{
  aspect-ratio:16/9;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
  max-height:none !important;
}

/* ═══ Preview mode (iframe pageviews) ═══ */
body.mn-preview-mode header,
body.mn-preview-mode .site-header,
body.mn-preview-mode .main-navigation,
body.mn-preview-mode .inside-header,
body.mn-preview-mode .site-footer,
body.mn-preview-mode .comments-area,
body.mn-preview-mode .sidebar,
body.mn-preview-mode .widget-area,
body.mn-preview-mode .cookie,
body.mn-preview-mode .cmp,
body.mn-preview-mode ins.adsbygoogle,
body.mn-preview-mode .ad,
body.mn-preview-mode .sticky-ad,
body.mn-preview-mode .taboola,
body.mn-preview-mode #taboola-below-article-thumbnails{
  display:none !important;
}
body.mn-preview-mode{
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  overflow:hidden !important;
}
body.mn-preview-mode .site-content,
body.mn-preview-mode .content-area,
body.mn-preview-mode main{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
}

/* ═══ In-text Related "Te interesa" ═══ */
.mn-intext-rel{
  margin:22px 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mn-intext-rel .mn-intext-rel__hd{
  font-size:11px;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.35px !important;
  color:#111 !important;
  opacity:1 !important;
  margin:0 0 8px 0;
}
.mn-intext-rel__grid{
  display:flex;
  flex-direction:column;
  gap:0;
}
.mn-intext-rel__card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 0;
  text-decoration:none;
  color:inherit;
  border-left:0 !important;
}
.mn-intext-rel__card:visited{color:inherit}
.mn-intext-rel__card + .mn-intext-rel__card{
  border-top:2px solid rgba(0,0,0,.10);
}
.mn-intext-rel__card:nth-child(even){border-left:0 !important}
.mn-intext-rel__img{
  flex:0 0 auto;
  width:180px;
  aspect-ratio:16/9;
  height:auto;
  border-radius:16px;
  object-fit:cover;
  background:#f2f2f2;
}
.mn-intext-rel__t{
  font-weight:900;
  font-size:16px;
  line-height:1.12;
  letter-spacing:-0.2px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-decoration:none;
}
.mn-intext-rel__card:hover .mn-intext-rel__t{
  text-decoration:underline;
}

/* ── Mobile ── */
@media (max-width:768px){
  .mn-intext-rel{margin:16px 0}
  .mn-intext-rel__hd{font-size:12px;margin:0 0 10px 0}
  .mn-intext-rel__card{
    gap:14px;
    padding:14px 0;
    align-items:flex-start;
  }
  .mn-intext-rel__card + .mn-intext-rel__card{border-top:1px solid rgba(0,0,0,.10)}
  .mn-intext-rel__img{
    width:140px;
    height:105px;
    border-radius:10px;
  }
  .mn-intext-rel__t{
    font-size:17px;
    font-weight:900;
    line-height:1.12;
    -webkit-line-clamp:3;
  }
}

/* ═══ ACCESIBILIDAD 100% ═══ */
.mn-related-item__meta{color:#595959 !important}
.es-sb-num-item__meta{color:#595959 !important}
.es-sb-hero__meta{color:rgba(255,255,255,.9) !important}
.an-sb-more{color:#595959 !important}
.an-sb-more:hover{color:#c10000 !important}
.an-sb-item__cat{color:#8b0000 !important}
.es-sb-num-item{min-height:48px;padding:14px 0 !important}
.an-sb-item{min-height:48px;padding:12px 0}
.mn-subfooter a,.site-footer a{display:inline-block;min-height:48px;line-height:48px;padding:0 8px}
.an-sb-more{min-height:48px;line-height:48px;display:inline-flex;align-items:center}
.es-sb-hero a{min-height:48px}
a:focus-visible,button:focus-visible{outline:2px solid #c10000;outline-offset:2px;border-radius:4px}

/* ═══ Touch targets 48px — TODO ═══ */

/* Sidebar Última Hora */
a.gb-loop-item.es-sb-hero{min-height:48px}
.es-sb-num-item{min-height:48px;padding:14px 0 !important}
.es-sb-num-item__title a{display:inline-block;min-height:48px;line-height:1.3;padding:8px 0}

/* Sidebar MN / US */
.an-sb-item{min-height:48px;padding:12px 0}

/* Menu principal items pequeños */
.main-navigation a,
.menu-item a{min-height:48px;display:inline-flex;align-items:center}

/* Footer + subfooter */
.mn-subfooter a,
.site-footer a,
.mn-ft-links a,
.site-info a{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 8px;
}

/* Newsletter */
.mn-ft-form input[type="email"]{min-height:48px;padding:8px 12px}
.mn-ft-form button[type="submit"]{min-height:48px;min-width:48px;padding:8px 16px}

/* ═══ TOUCH TARGETS 48px ═══ */

/* Sidebar Última Hora — items y títulos */
.es-sb-num-item{min-height:48px;padding:14px 0 !important}
.es-sb-num-item__title a{display:inline-block;min-height:44px;padding:8px 0}

/* Footer columns */
.mn-ft-links li a{
  display:inline-flex;
  align-items:center;
  min-height:48px;
}

/* Subfooter */
#mn-subfooter a{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 6px;
}

/* Newsletter */
.mn-ft-form input[type="email"],
input[name="EMAIL"]{
  min-height:48px !important;
  padding:8px 12px !important;
}
.mn-ft-form button[type="submit"],
button[name="subscribe"]{
  min-height:48px !important;
  min-width:48px !important;
  padding:8px 16px !important;
}

/* Social icons footer */
.mn-ft-social a{
  min-width:48px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Fix tap targets — accesibilidad móvil */
@media (max-width: 767px) {
  /* Links del footer */
  footer a,
  .site-footer a,
  .footer-widgets a {
    display: inline-block;
    min-height: 48px;
    line-height: 48px;
    padding: 0 4px;
  }
  /* Links en loop items */
  .gb-loop-item h2 a,
  .gb-loop-item h3 a {
    display: block;
    padding: 4px 0;
  }
}

@media (max-width: 1024px) {
  .an-us-module {
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow: hidden !important;
  }
  .an-us-grid--home {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .an-us-grid--home {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .an-section .an-grid3,
  .an-section .an-cathead {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .an-v6-hero {
    padding: 24px 20px !important;
  }
  .an-v6-hero-top {
    flex-direction: column !important;
    text-align: center !important;
    gap: 16px !important;
  }
  .an-v6-hero .an-v6-avatar img {
    width: 100px !important;
    height: 100px !important;
  }
  .an-v6-hero .an-v6-name {
    font-size: 24px !important;
  }
  .an-v6-hero .an-v6-bio {
    font-size: 13px !important;
  }
  .an-v6-contact {
    justify-content: center !important;
  }
  .an-v6-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .an-v6-hero {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .an-v6-section-head,
  .an-v6-grid,
  .an-v6-pagination {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}

/* ═══════════════════════════════════════════════════
   FIX: Menú Autonoción — SOLO desktop + slideout mobile
   Pegar en: Apariencia > Personalizar > CSS adicional
   AL FINAL de todo lo que ya tengas
   ═══════════════════════════════════════════════════ */

/* ── DESKTOP ONLY (no toca mobile) ── */
@media (min-width: 769px) {
    .main-navigation .inside-navigation {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }
    .main-navigation .navigation-branding {
        flex-shrink: 0 !important;
        margin-right: 28px !important;
    }
    .main-navigation .main-nav {
        flex: 1 1 auto !important;
        width: auto !important;
    }
    .main-navigation .main-nav > ul {
        flex-wrap: nowrap !important;
        gap: 6px !important;
        justify-content: flex-end !important;
    }
    .main-navigation .main-nav > ul > li {
        white-space: nowrap !important;
    }
    .main-navigation .main-nav > ul > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }
    /* Rojos desktop */
    #menu-item-742462 > a,
    #menu-item-523173 > a,
    #menu-item-523172 > a {
        color: #d11919 !important;
        font-weight: 700 !important;
    }
    /* Badge NUEVO desktop */
    #menu-item-742462 > a {
        position: relative !important;
        padding-right: 14px !important;
    }
    #menu-item-742462 > a::after {
        content: "NUEVO" !important;
        position: absolute !important;
        top: 4px !important;
        right: -12px !important;
        background: #d11919 !important;
        color: #fff !important;
        font-size: 8px !important;
        font-weight: 800 !important;
        padding: 2px 5px !important;
        border-radius: 3px !important;
        letter-spacing: .5px !important;
        line-height: 1.2 !important;
    }
}

/* ── MOBILE SLIDEOUT: El Garaje rojo + badge ── */
/* IDs mobile: El Garaje 742463, Coches Nuevos 169690, Cuánto Vale 190325 */
/* ID selector beats class selectors in specificity even with !important */
.slideout-navigation #menu-item-742463 > a,
.slideout-navigation #menu-item-742463 > a:visited,
.slideout-navigation #menu-item-742463 > a:hover,
#generate-slideout-menu #menu-item-742463 > a {
    color: #d11919 !important;
    font-weight: 700 !important;
}
.slideout-navigation #menu-item-169690 > a,
.slideout-navigation #menu-item-169690 > a:visited,
.slideout-navigation #menu-item-169690 > a:hover,
#generate-slideout-menu #menu-item-169690 > a {
    color: #d11919 !important;
    font-weight: 700 !important;
}
.slideout-navigation #menu-item-190325 > a,
.slideout-navigation #menu-item-190325 > a:visited,
.slideout-navigation #menu-item-190325 > a:hover,
#generate-slideout-menu #menu-item-190325 > a {
    color: #d11919 !important;
    font-weight: 700 !important;
}

/* Badge NUEVO inline en mobile */
.slideout-navigation #menu-item-742463 > a::after,
#generate-slideout-menu #menu-item-742463 > a::after {
    content: "NUEVO" !important;
    position: static !important;
    display: inline-block !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    background: #d11919 !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    letter-spacing: .5px !important;
    line-height: 1.2 !important;
}

/* ── SOCIAL LINKS (mobile menu footer) ── */
.mn-menu-social__links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
    transition: background .2s, transform .2s !important;
}
.mn-menu-social__links a:hover {
    background: rgba(255,255,255,.15) !important;
    transform: scale(1.1) !important;
}
.mn-menu-social__links a svg {
    width: 20px !important;
    height: 20px !important;
    fill: #fff !important;
    opacity: .75 !important;
}
.mn-menu-social__links a:hover svg {
    opacity: 1 !important;
}