/* Entrega 36 - cierre final visual, móvil, alineaciones y colores */
/* Logos transparentes visibles */
body.si-modern #logo { display:flex !important; align-items:center; }
body.si-modern #logo a { display:flex !important; align-items:center; justify-content:flex-start; width:auto; }
body.si-modern #logo img {
  content: none !important;
  max-height: 44px !important;
  width: auto !important;
  background: transparent !important;
  margin: 0 !important;
  display: block !important;
}
body.si-modern .header.upscrolled #logo img { max-height: 42px !important; }
body.si-modern .footer .widget-title { text-align:left !important; }
body.si-modern .footer .widget-title img {
  content: none !important;
  max-width: 220px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
}

/* Header más cerrado y prolijo */
body.si-modern .header .header-wrap {
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}
body.si-modern .header .nav-wrap {
  margin-left: auto !important;
}
body.si-modern #mainnav > ul > li > a,
body.si-modern #mainnav > ul > li.si-nav-quote > a {
  background: linear-gradient(135deg, #b50f17 0%, #c9161f 40%, #20242b 100%) !important;
}
body.si-modern #mainnav > ul > li > a:hover,
body.si-modern #mainnav > ul > li.home > a,
body.si-modern #mainnav > ul > li.si-menu-active > a,
body.si-modern #mainnav > ul > li.si-nav-quote.si-menu-active > a,
body.si-modern #mainnav > ul > li.si-nav-quote > a:hover {
  background: linear-gradient(135deg, #8f0d14 0%, #b91219 36%, #14181d 100%) !important;
}

/* Home: alineación y cierre visual */
body.si-modern .si-home-hero-cta { gap: 14px !important; }
body.si-modern .si-home-hero-cta .si-btn {
  min-width: 230px;
  justify-content: center;
  text-align: center;
}
body.si-modern .si-home-hero-note p {
  text-align: center;
}
body.si-modern .si-experience-card {
  align-items: center !important;
}

/* Todos los botones solicitados en rojo/negro, sin naranja */
body.si-modern .si-btn-primary,
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-location-actions .si-btn,
body.si-modern .si-quote-btn-main,
body.si-modern .si-quote-btn-wa,
body.si-modern .si-quote-btn-orange-green,
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 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 button.si-btn-whatsapp {
  color:#fff !important;
  background: linear-gradient(135deg, #b50f17 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-primary:hover,
body.si-modern .si-btn-orange-white:hover,
body.si-modern .si-location-actions .si-btn:hover,
body.si-modern .si-quote-btn-main:hover,
body.si-modern .si-quote-btn-wa:hover,
body.si-modern .si-quote-btn-orange-green:hover,
body.si-modern .si-btn-orange-green:hover,
body.si-modern .si-btn-whatsapp:not(.si-whatsapp-float):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 button.si-btn-whatsapp:hover {
  color:#fff !important;
  background: linear-gradient(135deg, #8f0d14 0%, #b8121a 36%, #12161b 100%) !important;
}
body.si-modern .si-btn-primary i,
body.si-modern .si-btn-orange-white i,
body.si-modern .si-location-actions .si-btn i,
body.si-modern .si-quote-btn-main i,
body.si-modern .si-quote-btn-wa i,
body.si-modern .si-quote-btn-orange-green i,
body.si-modern .si-btn-orange-green i,
body.si-modern .si-btn-whatsapp i,
body.si-modern .si-btn-primary .fa,
body.si-modern .si-btn-orange-white .fa,
body.si-modern .si-location-actions .si-btn .fa,
body.si-modern .si-quote-btn-main .fa,
body.si-modern .si-quote-btn-wa .fa,
body.si-modern .si-quote-btn-orange-green .fa,
body.si-modern .si-btn-orange-green .fa,
body.si-modern .si-btn-whatsapp .fa { color:#fff !important; }

/* Bloques cotización rojo/negro */
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 { color:#fff !important; }

/* Cobertura y mapas */
body.si-modern .si-location-card h2,
body.si-modern .si-contact-map-title h2 {
  max-width: 640px;
}

/* Footer/header final */
body.si-modern .footer .si-footer-centered-row { align-items:flex-start !important; }
body.si-modern .footer .widget-text,
body.si-modern .footer .widget-categories { padding-top: 6px; }

/* Móvil */
@media (max-width: 991px) {
  body.si-modern .header .header-wrap {
    padding: 8px 14px 10px !important;
    gap: 12px !important;
  }
  body.si-modern #logo img { max-height: 40px !important; }
  body.si-modern .header.upscrolled #logo img { max-height: 38px !important; }
  body.si-modern .top .flat-information {
    gap: 10px !important;
    justify-content: center !important;
  }
  body.si-modern .si-home-hero-cta .si-btn { min-width: 210px; }
  body.si-modern .si-footer-centered-row > div { margin-bottom: 18px; }
}
@media (max-width: 767px) {
  body.si-modern #logo img { max-height: 37px !important; }
  body.si-modern .header.upscrolled #logo img { max-height: 35px !important; }
  body.si-modern .header .nav-wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  body.si-modern .si-home-hero-cta .si-btn {
    width: 100%;
    min-width: 0;
  }
  body.si-modern .si-home-hero-note p,
  body.si-modern .si-presupuesto-hero p,
  body.si-modern .si-location-card p {
    text-align: center !important;
  }
  body.si-modern .si-location-card,
  body.si-modern .si-map-frame,
  body.si-modern .si-presupuesto-hero,
  body.si-modern .si-contact-copy,
  body.si-modern .si-form-card {
    border-radius: 22px 6px 22px 6px !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 { margin: 0 auto !important; }
}