/* ===== RBB Brito Hotel – Colores personalizados ===== */

/* Color corporativo principal */
:root {
  --primary: #004483;
}

/* Botón principal */
.btn-primary {
  background-color: #004483 !important;
  border-color: #004483 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #003667 !important; /* tono más oscuro en hover */
  border-color: #003667 !important;
}

/* Botón outline */
.btn-outline-primary {
  color: #004483 !important;
  border-color: #004483 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #004483 !important;
  border-color: #004483 !important;
  color: #fff !important;
}

/* Badges */
.badge-primary {
  background-color: #004483 !important;
  color: #fff !important;
}

/* Íconos destacados (auditorios, about, roof info) */
.auditorios-list i,
.about-bullets i,
.roof-info .item i {
  color: #004483 !important;
}

/* ===== Overrides fuertes: botones al azul corporativo ===== */
a.btn.btn-primary,
button.btn.btn-primary,
input[type="submit"].btn.btn-primary,
.btn.btn-primary {
  background-color: #004483 !important;
  border-color: #004483 !important;
}

/* Hover/active/focus */
a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
a.btn.btn-primary:active,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
button.btn.btn-primary:active,
input[type="submit"].btn.btn-primary:hover,
input[type="submit"].btn.btn-primary:focus,
input[type="submit"].btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: #003667 !important;
  border-color: #003667 !important;
}

/* Outline primary */
a.btn.btn-outline-primary,
button.btn.btn-outline-primary,
.btn.btn-outline-primary {
  color: #004483 !important;
  border-color: #004483 !important;
}
a.btn.btn-outline-primary:hover,
a.btn.btn-outline-primary:focus,
a.btn.btn-outline-primary:active,
button.btn.btn-outline-primary:hover,
button.btn.btn-outline-primary:focus,
button.btn.btn-outline-primary:active,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active {
  background-color: #004483 !important;
  border-color: #004483 !important;
  color: #fff !important;
}

/* Extras por si el tema pinta “primary” en más lugares */
.bg-primary { background-color: #004483 !important; }
.text-primary { color: #004483 !important; }
.border-primary { border-color: #004483 !important; }

/* Íconos/accentos */
.auditorios-list i,
.about-bullets i,
.roof-info .item i {
  color: #004483 !important;
}

/* ======== Overrides globales para reemplazar #d1002c por #004483 ======== */

/* Botones principales */
.btn-primary,
a.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
  background-color: #004483 !important;
  border-color: #004483 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #003667 !important;
  border-color: #003667 !important;
  color: #fff !important;
}

/* Botones outline */
.btn-outline-primary,
a.btn-outline-primary,
button.btn-outline-primary {
  border-color: #004483 !important;
  color: #004483 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #004483 !important;
  border-color: #004483 !important;
  color: #fff !important;
}

/* Fondos y textos que usaban primary */
.bg-primary { background-color: #004483 !important; }
.text-primary { color: #004483 !important; }
.border-primary { border-color: #004483 !important; }

/* Íconos/accentos que antes salían en rojo */
.fa-play,
.auditorios-list i,
.about-bullets i,
.roof-info .item i,
.contact-section .icon span,
.ftco-footer .fa-chevron-right {
  color: #004483 !important;
}

/* Campos de formulario (focus con azul) */
.form-control:focus {
  border-color: #004483 !important;
  box-shadow: 0 0 0 0.2rem rgba(0,68,131,.25) !important;
}

/* Links activos del navbar */
.navbar .nav-item.active .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #004483 !important;
}

/* Botón play del video */
.img-video span.fa-play {
  background: #004483 !important;
  color: #fff !important;
  border-radius: 50%;
  padding: 18px 22px;
  transition: background .3s ease;
}
.img-video span.fa-play:hover {
  background: #003667 !important;
}

/* ===== Contacto: iconos circulares y links ===== */

/* Círculos de los íconos (mapa, teléfono, mail, web) */
.contact-section .dbox .icon,
.dbox .icon {
  background-color: #004483 !important;   /* antes rojo */
  border-color: #004483 !important;
  color: #fff !important;                  /* color del ícono */
}

/* Algunas plantillas pintan el círculo en el <span> */
.contact-section .dbox .icon span,
.dbox .icon span {
  color: #fff !important;                  /* ícono blanco */
}

/* Texto/link a la derecha de los íconos */
.contact-section .dbox .text a {
  color: #004483 !important;               /* antes rojo */
  text-decoration: none;
}
.contact-section .dbox .text a:hover,
.contact-section .dbox .text a:focus {
  color: #003667 !important;
  text-decoration: underline;
}

/* Títulos “Dirección”, “Teléfono”, etc. si heredaban el rojo */
.contact-section .dbox .text span,
.contact-section .dbox .text strong {
  color: inherit; /* deja el color de texto normal */
}

/* ===== Link de crédito en el copyright (footer) ===== */
.ftco-footer .col-md-12.text-center a {
  color: #004483 !important;     /* azul corporativo */
  font-weight: 600;
  text-decoration: none;
}
.ftco-footer .col-md-12.text-center a:hover {
  color: #003667 !important;     /* azul más oscuro en hover */
  text-decoration: underline;
}

/* ===== Botón de reproducción (video) ===== */
.img-video {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #004483 !important;   /* azul corporativo */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;           /* icono blanco */
  font-size: 26px;
  transition: background .3s ease, transform .3s ease;
}

.img-video:hover {
  background: #003667 !important;   /* azul más oscuro en hover */
  transform: scale(1.08);           /* pequeño zoom en hover */
}
/* Fondo azul del círculo */
.img-video {
  background: #004483 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 80px; height: 80px; /* asegúrate de mantener proporción */
  font-size: 28px;
  position: relative;
  z-index: 2;
}

/* Pulso azul */
.img-video::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 68, 131, 0.6);
  animation: pulse-blue 2s infinite;
  z-index: 1;
}

@keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 68, 131, 0.6);
  }
  70% {
    box-shadow: 0 0 0 25px rgba(0, 68, 131, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 68, 131, 0);
  }
}

/* Ícono play blanco */
.img-video .fa-play {
  color: #fff !important;
  position: relative;
  z-index: 3;
}

/* --- Sobrescribir por completo la animación roja --- */
.img-video::before,
.img-video::after {
  all: unset; /* limpia todo lo heredado del app.min.css */
}

/* Redefinir solo el after para el pulso azul */
.img-video::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 68, 131, 0.6);
  animation: pulse-blue 2s infinite;
  z-index: 1;
}

/* Pulso azul */
@keyframes pulse-blue {
  0%   { box-shadow: 0 0 0 0 rgba(0, 68, 131, 0.6); }
  70%  { box-shadow: 0 0 0 25px rgba(0, 68, 131, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 68, 131, 0); }
}

/* Fondo circular e ícono */
.img-video {
  background: #004483 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 80px; height: 80px;
  font-size: 28px;
  position: relative;
  z-index: 2;
}

.img-video .fa-play {
  color: #fff !important;
  position: relative;
  z-index: 3;
}
/* PLAY: color base del círculo */
.owl-carousel.home-slider .slider-item .slider-text .img-video{
  background:#004483 !important;
  -webkit-animation-name: playPulse !important;
          animation-name: playPulse !important;
}

/* PLAY: color del anillo de pulsación */
@-webkit-keyframes playPulse{
  0%   { -webkit-box-shadow:0 0 0 0 rgba(0,68,131,.4); }
  70%  { -webkit-box-shadow:0 0 0 30px rgba(0,68,131,0); }
  100% { -webkit-box-shadow:0 0 0 0 rgba(0,68,131,0); }
}
@keyframes playPulse{
  0%   { box-shadow:0 0 0 0 rgba(0,68,131,.4); }
  70%  { box-shadow:0 0 0 30px rgba(0,68,131,0); }
  100% { box-shadow:0 0 0 0 rgba(0,68,131,0); }
}

/* Logo del footer */
.footer-logo {
  max-height: 80px;   /* ajusta el tamaño a tu gusto */
  width: auto;
  margin-bottom: 15px;  /* espacio debajo del logo */
  display: block;
}