/* Entrega 42 - corrección específica MOBILE: logos, menú y botones rojo/negro */

/* LOGO HEADER + FOOTER: forzado en desktop y mobile */
body.si-modern #logo,
body.si-modern .header .header-wrap .logo {
  margin-left: 24px !important;
  margin-right: 28px !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
}
body.si-modern #logo a,
body.si-modern .header .header-wrap .logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
body.si-modern #logo img,
body.si-modern .header .header-wrap .logo img {
  content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
  src: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
  max-height: 82px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.10)) !important;
}
body.si-modern .header.upscrolled #logo img,
body.si-modern .header.upscrolled .header-wrap .logo img {
  content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
  max-height: 66px !important;
}
body.si-modern .footer .widget-title img,
body.si-modern footer .widget-title img,
body.si-modern .footer-widgets .widget-title img {
  content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
  width: 145px !important;
  max-width: 145px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin-left: 30px !important;
  margin-right: 0 !important;
  background: transparent !important;
}

/* Header mobile estructural */
body.si-modern .header .header-wrap {
  align-items: center !important;
}
body.si-modern .btn-menu {
  color: #fff !important;
  background: linear-gradient(135deg, #b50f17 0%, #c9161f 42%, #20242b 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px 4px 14px 4px !important;
  box-shadow: 0 12px 26px rgba(17,24,32,.18) !important;
}
body.si-modern .btn-menu:before,
body.si-modern .btn-menu:after,
body.si-modern .btn-menu span {
  background: #fff !important;
  color: #fff !important;
}

/* BOTONERA GLOBAL DESKTOP Y ACTIVE EN TODAS LAS PÁGINAS */
body.si-modern #mainnav > ul > li > a,
body.si-modern #mainnav > ul > li.home > a,
body.si-modern #mainnav > ul > li.active > a,
body.si-modern #mainnav > ul > li.si-menu-active > a,
body.si-modern #mainnav > ul > li.si-nav-quote > a,
body.si-modern #mainnav > ul > li.current-menu-item > a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b50f17 0%, #c9161f 40%, #20242b 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 13px 28px rgba(17,24,32,.17), inset 0 1px 0 rgba(255,255,255,.16) !important;
  border-radius: 15px 4px 15px 4px !important;
  line-height: 42px !important;
  padding: 0 20px !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .42px !important;
}
body.si-modern #mainnav > ul > li > a:before { display: none !important; }
body.si-modern #mainnav > ul > li > a:hover,
body.si-modern #mainnav > ul > li.home > a:hover,
body.si-modern #mainnav > ul > li.active > a:hover,
body.si-modern #mainnav > ul > li.si-menu-active > a:hover,
body.si-modern #mainnav > ul > li.si-nav-quote > a:hover,
body.si-modern #mainnav > ul > li.current-menu-item > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #8f0d14 0%, #b8121a 36%, #12161b 100%) !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* MOBILE MENU: aquí estaba el problema. Se fuerza el menú desplegable real (#mainnav-mobi). */
@media (max-width: 991px) {
  body.si-modern .header .header-wrap {
    padding-left: 20px !important;
    padding-right: 18px !important;
    min-height: 78px !important;
  }
  body.si-modern #logo,
  body.si-modern .header .header-wrap .logo {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  body.si-modern #logo img,
  body.si-modern .header .header-wrap .logo img {
    content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
    max-height: 70px !important;
  }
  body.si-modern .header.upscrolled #logo img,
  body.si-modern .header.upscrolled .header-wrap .logo img {
    content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
    max-height: 60px !important;
  }
  body.si-modern .btn-menu {
    width: 48px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 10px !important;
  }
  body.si-modern #mainnav-mobi {
    display: none;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 100% !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 12px !important;
    background: linear-gradient(135deg, #0f1216 0%, #1b1f25 100%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 20px 6px 20px 6px !important;
    box-shadow: 0 26px 60px rgba(17,24,32,.32) !important;
    z-index: 999999 !important;
  }
  body.si-modern #mainnav-mobi ul,
  body.si-modern #mainnav-mobi ul.menu,
  body.si-modern #mainnav-mobi ul.sub-menu,
  body.si-modern #mainnav-mobi ul.submenu {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.si-modern #mainnav-mobi ul li,
  body.si-modern #mainnav-mobi > ul > li,
  body.si-modern #mainnav-mobi ul.sub-menu > li,
  body.si-modern #mainnav-mobi ul.submenu > li {
    background: transparent !important;
    border: 0 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
  }
  body.si-modern #mainnav-mobi ul li:last-child { margin-bottom: 0 !important; }
  body.si-modern #mainnav-mobi ul > li > a,
  body.si-modern #mainnav-mobi > ul > li > a,
  body.si-modern #mainnav-mobi ul.sub-menu > li > a,
  body.si-modern #mainnav-mobi ul.submenu > li > a,
  body.si-modern #mainnav-mobi ul > li.home > a,
  body.si-modern #mainnav-mobi ul > li.active > a,
  body.si-modern #mainnav-mobi ul > li.si-nav-quote > a,
  body.si-modern #mainnav-mobi ul > li.si-menu-active > a {
    display: block !important;
    height: auto !important;
    min-height: 48px !important;
    line-height: 48px !important;
    padding: 0 18px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #b50f17 0%, #c9161f 42%, #20242b 100%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px 5px 16px 5px !important;
    box-shadow: 0 10px 22px rgba(17,24,32,.20), inset 0 1px 0 rgba(255,255,255,.14) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .38px !important;
    text-decoration: none !important;
  }
  body.si-modern #mainnav-mobi ul > li > a:hover,
  body.si-modern #mainnav-mobi ul > li.home > a:hover,
  body.si-modern #mainnav-mobi ul > li.active > a:hover,
  body.si-modern #mainnav-mobi ul > li.si-nav-quote > a:hover,
  body.si-modern #mainnav-mobi ul > li.si-menu-active > a:hover,
  body.si-modern #mainnav-mobi ul.sub-menu > li > a:hover,
  body.si-modern #mainnav-mobi ul.submenu > li > a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #8f0d14 0%, #b8121a 36%, #12161b 100%) !important;
    border-color: rgba(255,255,255,.14) !important;
  }
  body.si-modern #mainnav-mobi li .btn-submenu {
    background: rgba(255,255,255,.10) !important;
    border-radius: 12px 4px 12px 4px !important;
  }

  /* Botones internos en MOBILE: todos rojo/negro */
  body.si-modern .si-btn,
  body.si-modern a.si-btn,
  body.si-modern button.si-btn,
  body.si-modern .flat-button,
  body.si-modern .flat-button.bg-theme,
  body.si-modern .si-quote-btn,
  body.si-modern .si-btn-primary,
  body.si-modern .si-btn-secondary,
  body.si-modern .si-btn-orange-white,
  body.si-modern a.si-btn-orange-white,
  body.si-modern .si-btn.si-btn-orange-white,
  body.si-modern .si-btn-orange-green,
  body.si-modern a.si-btn-orange-green,
  body.si-modern .si-btn.si-btn-orange-green,
  body.si-modern .si-btn-whatsapp:not(.si-whatsapp-float),
  body.si-modern .si-quote-btn-wa,
  body.si-modern .si-quote-btn-orange-green,
  body.si-modern .si-form-submit,
  body.si-modern button.si-btn-whatsapp,
  body.si-modern a[href*="wa.me"].si-btn:not(.si-whatsapp-float),
  body.si-modern a[href*="wa.me"].si-quote-btn:not(.si-whatsapp-float),
  body.si-modern .si-location-actions .si-btn,
  body.si-modern .si-home-hero-cta .si-btn,
  body.si-modern .si-contact-mini-list span,
  body.si-modern .si-contact-location-panel ul.information li {
    color: #fff !important;
    background: linear-gradient(135deg, #b70f17 0%, #cb1720 42%, #1e2229 100%) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 14px 30px rgba(17,24,32,.20), inset 0 1px 0 rgba(255,255,255,.14) !important;
  }
  body.si-modern .si-btn:hover,
  body.si-modern a.si-btn:hover,
  body.si-modern button.si-btn:hover,
  body.si-modern .flat-button:hover,
  body.si-modern .flat-button.bg-theme:hover,
  body.si-modern .si-quote-btn:hover,
  body.si-modern .si-btn-primary:hover,
  body.si-modern .si-btn-secondary:hover,
  body.si-modern .si-btn-orange-white:hover,
  body.si-modern .si-btn-orange-green:hover,
  body.si-modern .si-btn-whatsapp:not(.si-whatsapp-float):hover,
  body.si-modern .si-quote-btn-wa:hover,
  body.si-modern .si-quote-btn-orange-green:hover,
  body.si-modern .si-form-submit:hover,
  body.si-modern button.si-btn-whatsapp:hover,
  body.si-modern a[href*="wa.me"].si-btn:not(.si-whatsapp-float):hover,
  body.si-modern a[href*="wa.me"].si-quote-btn:not(.si-whatsapp-float):hover,
  body.si-modern .si-location-actions .si-btn:hover,
  body.si-modern .si-home-hero-cta .si-btn:hover {
    background: linear-gradient(135deg, #8f0d14 0%, #b8121a 36%, #12161b 100%) !important;
    color: #fff !important;
  }
  body.si-modern .si-btn i,
  body.si-modern .si-btn .fa,
  body.si-modern .flat-button i,
  body.si-modern .flat-button .fa,
  body.si-modern .si-quote-btn i,
  body.si-modern .si-quote-btn .fa,
  body.si-modern button.si-btn i,
  body.si-modern button.si-btn .fa,
  body.si-modern .si-contact-mini-list i,
  body.si-modern .si-contact-location-panel ul.information li span,
  body.si-modern .si-contact-location-panel ul.information li a {
    color: #fff !important;
  }

  /* Cuadros internos en mobile sin naranja/verde */
  body.si-modern .si-experience-card,
  body.si-modern .si-contact-copy,
  body.si-modern .si-presupuesto-hero,
  body.si-modern .si-quote-banner,
  body.si-modern .si-form-heading span,
  body.si-modern .si-quote-eyebrow,
  body.si-modern .si-eyebrow,
  body.si-modern .si-contact-map-title span {
    background: linear-gradient(135deg, #af0f17 0%, #7d0e13 34%, #1d2026 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.10) !important;
  }
  body.si-modern .si-presupuesto-hero h1,
  body.si-modern .si-presupuesto-hero p,
  body.si-modern .si-contact-copy h1,
  body.si-modern .si-contact-copy h2,
  body.si-modern .si-contact-copy p,
  body.si-modern .si-contact-copy span,
  body.si-modern .si-contact-copy strong,
  body.si-modern .si-experience-card,
  body.si-modern .si-experience-card strong,
  body.si-modern .si-experience-card span {
    color: #fff !important;
  }
}

@media (max-width: 767px) {
  body.si-modern .header .header-wrap {
    padding-left: 16px !important;
    padding-right: 14px !important;
    min-height: 74px !important;
  }
  body.si-modern #logo,
  body.si-modern .header .header-wrap .logo {
    margin-left: 12px !important;
    margin-right: 10px !important;
  }
  body.si-modern #logo img,
  body.si-modern .header .header-wrap .logo img {
    content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
    max-height: 62px !important;
  }
  body.si-modern .header.upscrolled #logo img,
  body.si-modern .header.upscrolled .header-wrap .logo img {
    content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
    max-height: 54px !important;
  }
  body.si-modern .footer .widget-title img,
  body.si-modern footer .widget-title img,
  body.si-modern .footer-widgets .widget-title img {
    content: url('../images/logo-si-pdf-v42.png?v=entrega42') !important;
    width: 128px !important;
    max-width: 128px !important;
    margin: 0 auto 12px auto !important;
  }
  body.si-modern #mainnav-mobi {
    left: 10px !important;
    right: 10px !important;
  }
  body.si-modern #mainnav-mobi ul > li > a,
  body.si-modern #mainnav-mobi > ul > li > a,
  body.si-modern #mainnav-mobi ul.sub-menu > li > a,
  body.si-modern #mainnav-mobi ul.submenu > li > a {
    min-height: 46px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }
  body.si-modern .si-home-hero-cta .si-btn,
  body.si-modern .si-quote-actions .si-quote-btn,
  body.si-modern .si-location-actions .si-btn,
  body.si-modern .si-cta-row .si-btn,
  body.si-modern .si-form-actions .si-btn {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }
}