/* ================================
   MAYES Global Styles - global.css
================================ */

/* ===== HEADER LOGO (BARRA NEGRA) ===== */
.header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-logo img {
  height: 52px;          /* ALTURA IDEAL EN DESKTOP */
  width: auto;
  max-width: 100%;
}

/* Ajuste fino en pantallas pequeñas */
@media (max-width: 576px) {
  .header-logo img {
    height: 44px;
  }
}


/* ---------- TOP BAR NEGRA ---------- */
/* Barra negra */
.top-lang-bar {
  background: #000;
  color: #fff;
  padding: 8px 0;
  z-index: 1040;
  box-sizing: border-box;
}

/* Navbar gris */
#main-navbar {
  background: #ADADAD !important;
  z-index: 1039;
}


#main-navbar .nav-link {
  color: #002060 !important;
  font-weight: 500;
}
#main-navbar .nav-link:hover {
  color: #FF2700 !important;
}

/* ---------- HERO ---------- */
.hero {
  background-image: url('../img/ReformaLuz.jpeg');
  background-size: cover;
  background-position: center;
  height: 800px;
  min-height: clamp(320px, 45vh, 680px);
  position: relative;
  color: #fff;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,32,96,0.25);
}
.hero-content {
  position: relative;
  z-index: 1;
}

/* ---------- READ MORE BUTTON ---------- */
.btn-readmore {
  background-color: #FF2700;
  border-color: #FF2700;
  color: #fff;
  font-weight: 500;
  padding: 8px 18px;
  transition: background-color .3s ease, transform .2s ease;
}
.btn-readmore:hover {
  background-color: #d91f00;
  border-color: #d91f00;
  transform: scale(1.05);
}

/* ---------- WHATSAPP BUTTON ---------- */
.wa-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  display:flex;
  align-items:center;
  gap:.5rem;
  text-decoration:none;
  z-index: 1050;
}
.wa-btn {
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#25D366;
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.2);
  border:none;
}
.wa-label {
  background:#25D366;
  color:#fff;
  padding:.4rem .6rem;
  border-radius:.6rem;
  font-weight:500;
}

/* ---------- CAROUSEL CLIENT LOGOS ---------- */
.client-logo {
  max-width: 260px;
  max-height: 180px;
  object-fit: contain;
  margin: 0 auto;
  cursor: pointer;
  transition: transform .3s ease, filter .3s ease;
}
.client-logo:hover {
  transform: scale(1.10);
}

/* ---------- SEPARADOR ---------- */
.separator {
  border: 0;
  height: 2px;
  background: linear-gradient(to right, transparent, #ADADAD, transparent);
  width: 70%;
  margin: 60px auto;
  opacity: 0.9;
}

/* ---------- ABOUT IMAGES ---------- */
.about-img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: .5rem;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* RESPONSIVE IMAGES */
@media (min-width: 992px){
  .about-img { height: 420px; }
}

/*  ---   Services --- */
.service-list {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}

.service-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  text-align: justify;
}

.service-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: #FF2700;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
}

/* Texto justificado para descripciones largas */
.service-text {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/* ===== Servicios: padding uniforme ===== */
.service-content {
  padding: 0 0.75rem; /* margen lateral elegante */
}
.service-title {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.75rem;
}

.card-text,
p {
  text-align: justify;
}

.service-long-text {
  padding-left: 0.75rem;   /* ~12px */
  padding-right: 0.75rem;
}

/* === LISTAS CON PALOMITAS ROJAS === */
.check-list {
  margin-top: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.check-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 0.6rem;
  line-height: 1.5;
}

.check-item svg {
  flex-shrink: 0;
  margin-top: 3px;
}

.service-text br {
  margin-bottom: 0.5rem;
}

.card-body {
  padding: 1.25rem;
}

.card-title,
.card-text {
  margin-left: 0;
  margin-right: 0;
}

/* --- WhatsApp --- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:1030;display:flex;align-items:center;gap:.5rem;text-decoration:none}
.wa-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.2);border:none}
.wa-label{background:#25D366;color:#fff;padding:.4rem .6rem;border-radius:.6rem;font-weight:500}