/* Reset & base */
*{ margin:0; padding:0; box-sizing:border-box; }
body{ background:#474747; color:#fff; line-height:1.45; }

/* Header */
.header{
  background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url("../1.jpg") center/cover no-repeat;
  min-height:100vh;
}

/* Navbar */
.logo{ max-height:90px; height:auto; width:auto; }
@media(max-width:768px){ .logo{ max-height:60px; } }
.navbar-nav .nav-link{ color:#fff; }
.navbar-nav .nav-link:hover{ color:#e9e9e9; }

/* Títulos */
.container h1{ font-size:2.4rem; margin:22px 0 10px; text-align:center; }
.container .quienessomos{ font-size:1rem; color:#e4e4e4; text-align:center; max-width:980px; margin:0 auto 24px; }

/* Carrusel opiniones */
#carouselOpiniones{ max-width:980px; margin:0 auto; position:relative; }
#carouselOpiniones .carousel-item{
  display:flex; align-items:center; justify-content:center;
  min-height:260px; padding:8px 0;
}
#carouselOpiniones .opinion-img{
  max-width:88vw; max-height:60vh;
  object-fit:contain; border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}
#carouselOpiniones .carousel-indicators{ bottom:-6px; }
#carouselOpiniones .carousel-indicators [data-bs-target]{
  width:10px; height:10px; border-radius:50%;
}
@media(max-width:768px){
  #carouselOpiniones .carousel-item{ min-height:200px; }
  #carouselOpiniones .opinion-img{ max-width:92vw; max-height:55vh; }
}

/* Footer */
.footer3{ background:#ffffff54; padding:18px; margin-top:28px; }
.footer3 .row{ display:flex; justify-content:center; gap:12px; }
.btn1{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:10px 20px; border-radius:500px;
  text-decoration:none; color:#fff;
  width:80%; height:45px; transition:.3s;
}
.icon1,.icon,.icon3{ width:36px; height:36px; }

/* Colores */
#call-button{ background:#007bff; }
#whatsapp-button{ background:#25D366; }
#email-button{ background:#5f6163; }

/* Derechos */
.findepag{ text-align:center; font-size:.9rem; padding:12px 0; background:#333; margin-top:10px; color:#fdfdfd; }

/* Responsive */
@media(max-width:768px){
  .navbar-brand{ display:flex; justify-content:center; width:100%; }
  .btn1{ width:100%; font-size:.85rem; height:48px; }
}
/* === Centrar NavBar SOLO en móvil (≤768px) === */
@media (max-width: 768px) {
  /* Si hay utilidades de Bootstrap que empujan a la derecha, las anulamos */
  .navbar .ms-auto { margin-left: 0 !important; }

  /* Contenedor de la nav: que no “empuje” a los costados */
  .navbar .container-fluid {
    display: flex;
    justify-content: center;   /* centra el bloque entero */
    align-items: center;
  }

  /* Collapse de Bootstrap (cuando existe): centrado */
  .navbar-collapse {
    justify-content: center !important;
  }

  /* Lista de links centrada y con espacio uniforme */
  .navbar-nav {
    width: 100%;
    display: flex;
    justify-content: center;   /* centra los links */
    align-items: center;
    flex-wrap: wrap;           /* que puedan bajar si no entran */
    gap: .5rem .75rem;         /* aire entre items */
    margin: 0 auto;
  }

  /* Links: buen padding y texto centrado */
  .navbar-nav .nav-link {
    text-align: center;
    padding: .5rem .75rem;
  }

  /* Logo centrado en móvil (opcional; quitá si lo querés a la izquierda) */
  .navbar-brand {
    margin-right: 0 !important;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

/* === Animación de resaltado alternado con glow en navbar === */
.navbar-nav .nav-link {
  color: #bbb; /* gris base */
  font-weight: 600;
  animation: resaltarGlow 6s infinite;
}

@keyframes resaltarGlow {
  0%, 100% {
    color: #bbb;
    text-shadow: none;
  }
  50% {
    color: #fff;
    text-shadow: 0 0 8px rgba(255,255,255,0.9),
                 0 0 12px rgba(255,255,255,0.7);
  }
}

.navbar-nav .nav-link:nth-child(1) { animation-delay: 0s; }
.navbar-nav .nav-link:nth-child(2) { animation-delay: 2s; }
.navbar-nav .nav-link:nth-child(3) { animation-delay: 4s; }