@charset "UTF-8";

/* Estilos generales */
body {
  font-family:Arial,sans-serif;
  background-color:#f0f0f0;
}

.container {
  max-width:1200px;
  margin:0 auto;
  padding:20px;
}

/* Cabecera */
.header {
  background-color:#333;
  color:#fff;
  text-align:center;
  padding:10px;
}

.header h1 {
  font-size:36px;
  margin:0;
}

/* Galería de Fotos */
.photo-gallery {
  margin-top:20px;
}

.photo-gallery img {
  max-width:100%;
  height:auto;
  margin:10px;
}

/* Calendario */
.calendar {
  margin-top:20px;
}

/* Agenda de Llamadas */
.call-agenda {
  margin-top:20px;
}

/* Otros Servicios en Tendencia */
.trending-services {
  margin-top:20px;
}

/* Pie de Página */
.footer {
  background-color:#333;
  color:#fff;
  text-align:center;
  padding:10px;
}

/* Enlaces de Navegación */
.nav-links {
  text-align:center;
  margin-top:20px;
}

.nav-links a {
  color:#333;
  text-decoration:none;
  margin:0 10px;
  font-weight:bold;
}

/* Estilos de Botones */
.button {
  display:inline-block;
  padding:10px 20px;
  background-color:#333;
  color:#fff;
  text-decoration:none;
  border:none;
  border-radius:5px;
  cursor:pointer;
  margin:10px;
}

/* Estilos para Formularios (para la agenda de llamadas u otros servicios) */
.form {
  background-color:#fff;
  padding:20px;
  border-radius:5px;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
}

/* Estilos para las secciones de servicios */
.service {
  border:1px solid #ddd;
  padding:10px;
  margin-bottom:20px;
  background-color:#fff;
}

/* Estilos para los botones dentro de las secciones de servicios */
.service .button {
  background-color:#333;
  color:#fff;
}