/* Entrega 41 - ajuste final logo, botonera global y botones internos rojo/negro */

/* Logos: header y footer separados del borde */
body.si-modern .header .header-wrap {
  padding-left: 42px !important;
  padding-right: 34px !important;
}
body.si-modern #logo,
body.si-modern .header .header-wrap .logo {
  margin-left: 18px !important;
  margin-right: 30px !important;
  flex: 0 0 auto !important;
}
body.si-modern #logo a {
  display: flex !important;
  align-items: center !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: 78px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  display: block !important;
  object-fit: contain !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 {
  max-height: 64px !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: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  margin-left: 28px !important;
  margin-right: 0 !important;
  background: transparent !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12)) !important;
}

/* Menú global: los 4 botones siempre rojo/negro 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.si-nav-quote > a,
body.si-modern #mainnav > ul > li.si-menu-active > a,
body.si-modern #mainnav > ul > li.active > 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.si-nav-quote > a:hover,
body.si-modern #mainnav > ul > li.si-menu-active > a:hover,
body.si-modern #mainnav > ul > li.active > a:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #8f0d14 0%, #b8121a 36%, #12161b 100%) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 17px 36px rgba(17,24,32,.25), inset 0 1px 0 rgba(255,255,255,.18) !important;
  transform: translateY(-2px);
}

/* Menú mobile: sin verde/naranja */
body.si-modern #mainnav-mobi,
body.si-modern #mainnav-mobi ul,
body.si-modern #mainnav-mobi ul li {
  background: #111419 !important;
}
body.si-modern #mainnav-mobi ul > li > a,
body.si-modern #mainnav-mobi ul.sub-menu > li > a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b50f17 0%, #20242b 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.si-modern #mainnav-mobi ul > li > a:hover,
body.si-modern #mainnav-mobi ul.sub-menu > li > a:hover {
  background: linear-gradient(135deg, #8f0d14 0%, #12161b 100%) !important;
  color: #fff !important;
}

/* Botones internos y llamadas a la acción: rojo/negro, sin naranja ni verde */
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 {
  color: #ffffff !important;
  background: linear-gradient(135deg, #b70f17 0%, #cb1720 42%, #1e2229 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 16px 34px rgba(17,24,32,.18), inset 0 1px 0 rgba(255,255,255,.16) !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 {
  color: #ffffff !important;
  background: linear-gradient(135deg, #8f0d14 0%, #b8121a 36%, #12161b 100%) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 20px 40px rgba(17,24,32,.25), inset 0 1px 0 rgba(255,255,255,.18) !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 {
  color: #ffffff !important;
}

/* WhatsApp flotante elegante rojo/negro */
body.si-modern .si-whatsapp-float {
  background: linear-gradient(135deg, #111419 0%, #1d2128 44%, #b30f17 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 24px 56px rgba(17,24,32,.26), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
body.si-modern .si-whatsapp-float:before {
  background: linear-gradient(135deg, #b71018 0%, #d11a24 56%, #1b1e24 100%) !important;
  color: #ffffff !important;
}
body.si-modern .si-whatsapp-float:hover {
  background: linear-gradient(135deg, #0d1014 0%, #181c22 42%, #900d14 100%) !important;
}
body.si-modern .si-whatsapp-float > span,
body.si-modern .si-whatsapp-float .si-wa-sub { color: #ffffff !important; }

/* Cuadros/bloques que antes podían quedar naranja/verde */
body.si-modern .si-experience-card,
body.si-modern .si-contact-copy,
body.si-modern .si-presupuesto-hero {
  background: linear-gradient(135deg, #af0f17 0%, #7d0e13 34%, #1d2026 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #ffffff !important;
}
body.si-modern .si-quote-banner {
  background: linear-gradient(135deg, #af0f17 0%, #7d0e13 34%, #1d2026 100%) !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: #ffffff !important;
}
body.si-modern .si-presupuesto-hero h1 strong { color: #ffe0e0 !important; }
body.si-modern .si-counter-25 { color: #fff0c4 !important; }

/* Detalles decorativos: rojo/negro */
body.si-modern .si-intro-card:after,
body.si-modern .si-location-card:after,
body.si-modern .si-form-card:after,
body.si-modern .flat-iconbox .content .title:after,
body.si-modern .si-form-heading h2:after,
body.si-modern .si-contact-copy h1:after,
body.si-modern .si-contact-copy h2:after,
body.si-modern .si-location-card h2:after,
body.si-modern .si-contact-map-title h2:after {
  background: linear-gradient(90deg, #b70f17 0%, #1e2229 100%) !important;
}

/* Footer ajuste final */
body.si-modern .footer {
  background: linear-gradient(135deg, #0c0f13 0%, #15181d 40%, #090c10 100%) !important;
  border-top: 4px solid #b91119 !important;
}
body.si-modern .footer .widget-title,
body.si-modern .footer .textwidget p,
body.si-modern .footer .widget ul li,
body.si-modern .footer .widget ul li a,
body.si-modern .footer .widget-text a {
  color: rgba(255,255,255,.84) !important;
}
body.si-modern .footer .widget ul li a:hover,
body.si-modern .footer .widget-text a:hover { color: #ffffff !important; }
body.si-modern .footer .widget-categories ul li a:before {
  background: linear-gradient(90deg, #b91119, #22262d) !important;
}
body.si-modern .footer .widget-text i,
body.si-modern .footer .widget-text .fa {
  color: #d7464d !important;
}
body.si-modern .bottom {
  background: #07090c !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
}

/* Mobile */
@media (max-width: 991px) {
  body.si-modern .header .header-wrap {
    padding-left: 22px !important;
    padding-right: 18px !important;
  }
  body.si-modern #logo,
  body.si-modern .header .header-wrap .logo {
    margin-left: 8px !important;
    margin-right: 14px !important;
  }
  body.si-modern #logo img,
  body.si-modern .header .header-wrap .logo img {
    max-height: 60px !important;
  }
  body.si-modern .header.upscrolled #logo img { max-height: 52px !important; }
  body.si-modern .footer .widget-title img,
  body.si-modern footer .widget-title img {
    width: 140px !important;
    max-width: 140px !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  body.si-modern #logo img,
  body.si-modern .header .header-wrap .logo img {
    max-height: 52px !important;
  }
  body.si-modern .header.upscrolled #logo img { max-height: 46px !important; }
  body.si-modern .footer .widget-title,
  body.si-modern .footer .textwidget,
  body.si-modern .footer .widget-categories,
  body.si-modern .footer .widget-text {
    text-align: center !important;
  }
  body.si-modern .footer .widget-title img,
  body.si-modern footer .widget-title img {
    margin: 0 auto !important;
    width: 135px !important;
    max-width: 135px !important;
  }
}