.modal-lg {
    max-width: 80% !important;
}
.modal-dialog{
	width: 75% !important;
	margin: auto !important;
}
.vacancieFlyer{
	padding-top: 5% ;
}
.vacancieContent{
	padding-top: 2% ;
}
.removePadding{
	padding-right: 0px;
	padding-left: 0px;
}
.invalidElement{
	outline-color: #dc3545 !important;
	box-shadow: 0 0 3px 3px red !important;
}
.modalDesc{
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.SumoSelect .select-all{
	border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 0 3px 35px;
    height: 40px;
    cursor: pointer
}
.redBackground{
	background-color: red !important;
	color: white !important;
}

#MainVacancie{
	overflow-y: visible !important;
}

.whatsapp-fab {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 1050; /* encima de modals */
}

.whatsapp-fab .fab-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

.whatsapp-fab .fa-whatsapp {
  font-size: 28px;
  color: #fff;
}

.whatsapp-fab .dropdown-menu {
  min-width: 260px;
  margin-bottom: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
  transform: translateX(-70%); /* <-- centra el menú sobre el botón */
}

.fab-menu li a {
  padding: 10px 12px;
}

@media print { .whatsapp-fab { display: none; } }

.fab-btn {
  width: 60px; height: 60px;
  border-radius: 50%;
  padding: 0;
  display: flex; align-items: center; justify-content: center;
  background-color: #25d366;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.fab-btn:hover { background-color: #20ba5a; }
.fab-icon {
  width: 28px;
  height: 28px;
}
.whatsapp-fab { position: fixed; right: 25px; bottom: 25px; z-index: 1050; }
.dropdown-menu-left.fab-menu { transform: translateX(-70%); min-width: 260px; margin-bottom: 10px; }

.carousel-caption h2 {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9) !important; /* contorno para mayor legibilidad */
}

.service-icon {
  width: 100%;
  height: auto;
  display: block;
}

.service-icon-circle {
  width: 150px;
  height: 150px;
  margin: 0 auto 25px auto;
  border-radius: 50%;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 15px rgba(0,0,0,0.15);
  overflow: hidden; /* evita que se salga al girar */
}

.service-icon-circle img.service-icon {
  width: 70%;
  height: auto;
  display: block;
  transition: transform 0.8s ease-in-out;
  transform-origin: center center;
}


/* Rotación suave */
.service-icon-circle:hover img.service-icon {
  transform: rotate(360deg);
}

/* 🔄 rotación cuando se pasa el mouse sobre la tarjeta completa */
.col-sm-4:hover .service-icon-circle img.service-icon {
  transform: rotate(360deg);
}

/* estilos del bloque */
.single-service {
  background-color: #1b2c44;
  padding: 40px 25px;
  text-align: center;
  color: #ddd;
}
.single-service h2 {
  color: #fff;
  font-size: 24px;
  margin-top: 20px;
}
.single-service p {
  color: #ccc;
  font-size: 15px;
  line-height: 1.6;
}

/* Solo para la grilla de servicios */
.services.row{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;     /* iguala alturas por fila */
}

/* anula los floats de BS3 en esta fila y fija 3 columnas */
.services .col-sm-4{
  float:none;
  width:33.3333%;
  display:flex;            /* permite que el hijo se estire */
  margin-bottom:30px;
}

/* la tarjeta ocupa todo el alto disponible */
.services .single-service{
  display:flex;
  flex-direction:column;
  width:100%;
}

/* responsive: 1 por fila en móviles */
@media (max-width: 767px){
  .services .col-sm-4{ width:100%; }
}