@charset "utf-8";
/* CSS Document */
    body {
      font-family: Arial, sans-serif;
      background-color: #f4f4f4;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    header {
      text-align: center;
      padding: 10px;
      width: 100%;
      color: #fff;
      border-radius: 10px 10px 0 0;
    }

    header img {
      width: 150px; /* Ajusta el tamaño del logo según sea necesario */
      height: auto;
      margin-top: 10px; /* Ajusta el margen superior según sea necesario */
    }

    .direccion {
      text-align: center;
      padding: 10px;
      background-color: #eee;
      width: 100%;
      border-radius: 0 0 10px 10px;
    }

    .botones {
      text-align: center;
      margin-top: 20px;
      width: 60%; /* Ancho del 80% del contenedor */
      margin-left: 5%; /* Espacio del 10% a la izquierda */
      margin-right: 10%; /* Espacio del 10% a la derecha */
    }

    .boton {
      display: block;
      width: 100%; /* Ancho completo */
      padding: 10px 20px;
      margin-bottom: 10px; /* Espacio entre botones */
      background-color: #fff; /* Color de fondo blanco */
      color: #007bff; /* Color del texto */
      text-decoration: none;
      border: 2px solid #007bff; /* Borde sólido */
      border-radius: 25px; /* Bordes redondeados */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      transition: background-color 0.3s, color 0.3s; /* Agrega transición al color de fondo y texto */
    }

    .boton_whathapps {
      display: block;
      width: 100%; /* Ancho completo */
      padding: 10px 20px;
      margin-bottom: 10px; /* Espacio entre botones */
      background-color: #fff; /* Color de fondo blanco */
      color: #007bff; /* Color del texto */
      text-decoration: none;
      border: 2px solid #007bff; /* Borde sólido */
      border-radius: 25px; /* Bordes redondeados */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      transition: background-color 0.3s, color 0.3s; /* Agrega transición al color de fondo y texto */
    }
    .boton:hover {
      background-color: #007bff; /* Cambia el color de fondo al pasar el ratón */
      color: #fff; /* Cambia el color del texto al pasar el ratón */
    }

    .redes-sociales {
      margin-top: 20px;
	  text-align: center
	  
    }

    .redes-sociales a {
      font-size: 24px;
      margin: 0 10px;
      color: #007bff;
      text-decoration: none;
      transition: color 0.3s; /* Agrega transición al color del icono */
    }

    .redes-sociales a:hover {
      color: #0056b3; /* Cambia el color del icono al pasar el ratón */
    }

    .horarios {
      margin-top: 20px;
      width: 80%; /* Ancho del 80% del contenedor */
      margin-left: 15%; /* Espacio del 10% a la izquierda */
      margin-right: 10%; /* Espacio del 10% a la derecha */
      text-align: center; /* Centraliza el contenido de la tabla */
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra en la tabla */
      overflow: hidden; /* Oculta el exceso de sombra */
    }

    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
    }

    th, td {
      border: 1px solid #ddd;
      padding: 10px;
      text-align: center;
    }

    .barra-inferior {
      background-color: #333;
      color: #fff;
      padding: 10px;
      text-align: center;
      position: fixed;
      bottom: 0%;
      left: 0;
      width: 100%;
      z-index: 1000;
    }
    .barra-inferior img {
      width: 30px; /* Ajusta el tamaño de la imagen según sea necesario */
      height: 30px;
      margin: 0 15px;
    }


.creditos{
	text-align: center;
	color: white;
	font-size: 10px;
	
}