/* =============================================================================
   CDA FUSA — estilos propios del sitio
   Antes esto estaba repetido dentro de un <style> en cada una de las 13 páginas.
   Ahora vive acá: el navegador lo descarga una sola vez y lo reusa en todas.
   ============================================================================= */

/* ---------- Botón flotante de WhatsApp ---------- */
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  left: 20px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}
.float:hover {
  color: #ebe9e9;
  background-color: #0ab34a;
}
.my-float {
  margin-top: 16px;
}
/* En /agendar-revision el globo de Calendly no se muestra (la página ya lleva
   el calendario incrustado), así que la esquina derecha queda libre y el
   botón de WhatsApp se pone allá. */
.page-agendar-revision .float {
  left: auto;
  right: 20px;
}

/* ---------- Botones ---------- */
.btn-primary {
  color: #fff !important;
  background-color: #01BAEF;
  border-color: #01BAEF;
}
.btn-success {
  color: #fff;
  background-color: #ea01d3;
  border-color: #ea01d3;
}
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
  background-color: #b901a6;
  border-color: #b901a6;
}
.btn-success:focus,
.btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgb(153 40 167 / 50%);
}
.btn-light {
  color: #044f6d;
}

/* ---------- Fondos ---------- */
.bg-primary   { background-color: #02baef !important; }
.bg-success   { background-color: #0fc050 !important; }
.bg-dark      { background-color: #062f8e !important; }
.bg-secondary { background-color: #0c4f6c !important; }
.bg-green     { background-color: #ea01d3 !important; }

.bg-gradient   { background: linear-gradient(90deg, #0fc050 0%, #01752b 100%); }
.bg-gradient-2 { background: linear-gradient(90deg, #02baef 0%, #09879b 100%); }
.bg-gradient-3 { background: linear-gradient(90deg, #000e77 0%, #26cfff 100%); }
.bg-gradient-4 { background: linear-gradient(90deg, #0b4f6c 0%, #02c7ff 100%); }

/* ---------- Navegación ---------- */
.logocda {
  max-width: 170px;
  height: auto;
}
.nav-link.h5 {
  font-size: 1.10rem;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: rgb(255 255 255 / 25%);
}

/* ---------- Tarjetas y varios ---------- */
.text-dark {
  color: #ffffff !important;
}
.card-footer {
  background: #ea01d3;
  border-top: 0;
}
.bg-secondary .card {
  background-color: #0c4f6ce3;
}
.video-play-icon {
  background: #0fc050;
}
.alert-danger {
  color: #ffffff;
  background-color: #0fc050;
  border-color: #0fc050;
}

/* Fondo semitransparente de las tarjetas — sólo en estas dos páginas.
   Va acotado con la clase del <body> porque en las demás las tarjetas
   deben quedar blancas y opacas. */
.page-avaluo-peritaje .card,
.page-servicios-complementarios .card {
  background-color: #ffffffeb;
}

/* ---------- Páginas legales (política de privacidad, términos) ---------- */
.legal .txg {
  text-align: justify;
}
.legal h1 {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 700;
}
.legal h3 {
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 35px;
}

/* ---------- Móvil ---------- */
@media (max-width: 767px) {
  .navbar {
    padding: 0.75rem 1rem;
  }
  .navbar-nav {
    margin-top: 15px;
  }
  .nav-link.h5 {
    font-size: 1.20rem !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .bg-secondary .card {
    background-color: #0c4f6c;
  }
}
