/*
 Theme Name:     Twenty Twenty Child
 Theme URI:      https://tusitio.com/
 Description:    Tema hijo de Twenty Twenty para personalización total
 Author:         Jorge Del Canto
 Author URI:     https://tusitio.com/
 Template:       twentytwenty
 Version:        1.0.0
*/

/* Reducir el padding por defecto en todas las secciones */

html {
  scroll-behavior: smooth;
}

  section {
    padding: 1rem 0 !important;
  }

  .alignwide{
    margin-top: 1rem !important;
    margin-right: auto !important;;
    margin-bottom: 1rem !important;;
    margin-left: auto !important;;
  }

.cliente-logo {
  transition: transform 0.3s ease;
  transform: scale(1);
}

.cliente-logo:hover {
  transform: scale(1.08);
}

/* Estilo para los enlaces del menú principal */
.header-inner .primary-menu > li > a {
  color: #007bff !important; /* Azul Bootstrap */
}

/* Estilo para el hover */
.header-inner .primary-menu > li > a:hover {
  color: #0056b3 !important;
}

/* Ícono de menú hamburguesa (tres puntos) */
.mobile-nav-toggle .toggle-icon svg {
  fill: #007bff !important;
}

.mobile-nav-toggle .toggle-text {
  color: #007bff !important;
}

.menu-modal .modal-menu a {
  color: #007bff !important;
}

.menu-modal .modal-menu a:hover {
  color: #0056b3 !important;
}

.header-inner {
        padding: 0.8rem 0 !important;
    }



@media (max-width: 767.98px) {
  footer .row {
    text-align: center;
    justify-content: center;
  }

  footer .col-md-6 {
    text-align: center !important;
    justify-content: center;
    align-items: center;
  }

  footer img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  footer .fs-4, 
  footer .fs-2, 
  footer p,
  footer h5 {
    text-align: center;
  }

  footer a {
    display: inline-block;
    text-align: center;
  }

  footer .text-md-end {
    text-align: center !important;
  }
}

#barra-direccion-top{

}

.card-servicio {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  background-color: white;
  text-align: center;
}

.card-servicio:hover {
  transform: translateY(-20px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);

}

.card-servicio img.img-servicio {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}


.card-servicio .contenido-servicio {
  padding: 15px 20px;
  transition: background-color 0.3s ease;
}