/*Version 1.0.0*/
/*Agencias CSS*/
/*Cards Agencias CSS*/

.agencias-info-container {
  position: relative;
  text-align: center;
  color: #007bff;
  font-size: 1rem;
  margin-bottom: 2rem; /* Espacio entre las tarjetas */
}

.agencias-info-container .agencias-img-fondo {
  max-width: 100%;
  height: auto;
  /*border-radius: 20px; /* Ajustar según la imagen de fondo de la tarjeta */
}

.agencias-info-container p {
  position: absolute;
  top: 30%; /* Ajustar según el diseño */
  left: 50%;
  transform: translateX(-50%);
  color: #80888C; /* Ajustar según el diseño */
}

.agencias-img-container {
  position: absolute;
  top: 70%; /* Ajustar según el diseño */
  left: 50%;
  transform: translateX(-50%);
  width: 60%; /* Ajustar según el diseño */
  height: auto; /* Ajustar según el diseño */
  border-radius: 5%;
  padding: 5px; /* Ajusta este valor para el ancho del borde */
  /*background: linear-gradient(to right, #007bff, #004085);*/
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible; /* Permite que la imagen sobresalga del contenedor */
}
.agencias-img-superpuesto {
  width: 100%;
  height: auto;
  border-radius: 5%;
  border: 5px solid transparent;
  transition: transform 0.3s ease; /* Suaviza la transición de la escala */
  /*position: absolute;
  top: 70%; Ajustar según el diseño 
  left: 50%;
  transform: translateX(-50%);
  width: 70%;  Ajustar según el diseño 
  height: auto;  Ajustar según el diseño 
  border-radius: 50%;
  border: 5px solid transparent;  Define el ancho del borde y establece el color en transparente 
  border-image: linear-gradient(to right, #007bff, #004085) 1 stretch;  Ajusta los colores del gradiente según sea necesario 
  object-fit: cover;
  z-index: 1; */
}
.agencias-img-container:hover .agencias-img-superpuesto {
  border: 5px solid #007bff; /* Cambia el color del borde al hacer hover */
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2); /* Opcional: añade sombra */
  transform: scale(1.1); /* Opcional: efecto de zoom al hacer hover */
}
.agencias-oficinas-title{
  font-weight: bold;
  padding: 35px 0;
  text-align: center;
  color: rgb(0 107 179);
}
/*Start Media Query*/
/*Movil*/
@media only screen and (max-width: 768px) {
}
/*Tablet*/
@media only screen and (min-width: 769px) and (max-width: 991px) {
  

}
/*Laptop S*/
@media only screen and (min-width: 992px) and (max-width: 1023px) {

}
/*Laptop XS O Tablet (caso especial)*/
@media only screen and (min-width: 930px) and (max-width: 991px) {

}
/*Desktop*/
@media only screen and (min-width: 1024px) {

}
/*Desktop HD*/
@media only screen and (min-width: 1440px) {
  
}
/*Desktop 27*/
@media only screen and (min-width: 1840px) {
  
}