/* Custom styles for the page */

body {
  background-color: #f8f9fa; /* Color de fondo para asegurar contraste */
  font-size: 12px; /* Tamaño de fuente */
  overflow-x: hidden; /* Evita el desplazamiento horizontal si es necesario */

  /* Propiedades de la imagen de fondo */
  background: url(../images/fondo.jpg) no-repeat center center fixed; 
  background-size: cover;
  z-index: -1; /* Asegura que el fondo esté detrás de otros elementos */
}

.container {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h2 {
  color: #007bff;
  font-size: 24px; /* Increase the heading font size */
}

.form-group label {
  font-size: 16px; /* Adjust the form label font size */
}

.table th {
  background-color: #007bff;
  color: #fff;
  font-size: 16px; /* Adjust the table header font size */
}

.table th,
.table td {
  vertical-align: middle !important;
  font-size: 14px; /* Adjust the table cell font size */
}

.btn {
  font-size: 24px; /* Adjust the button font size */
}


.ocultar {
    display: none;
}


body {
  font-family: 'Arial', sans-serif;
}

h1 {
  color: #4e3624;
}

.btn-primary {
  background-color: #d9b38c;
  border-color: #d9b38c;
}

.footer-custom {
  background-color: #4e3624;
  color: white;
}

.footer-custom a {
  color: #d9eaff;
}

.footer-custom a:hover {
  color: #fff;
}


.custom-header-bg {
  background-color: #e6e6e6; /* Color gris claro personalizado */
  height: 60px;
}

.custom-footer-bg {
  background-color: #581C00; /* Color gris claro personalizado */
  /* text-align: center; */
}

html { 
  background: url(../images/fondo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

  .fa-phone {font-size: 15px;color:#ffffff! Important;}

  .dm-serif-text-regular {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: normal;
  }


  .centerform {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    width: 70%; /* Ajusta este valor según sea necesario */
}

