/*
 Theme Name: Hongo Child
 Theme URI: http://hongo.themezaa.com
 Description: Child theme for Hongo theme
 Version: 1.0
 Author: ThemeZaa
 Author URI: https://www.themezaa.com
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, flexible-footer, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
 License: Themeforest Split Licence
 License URI: https://themeforest.net/licenses
 Template: hongo
 Text Domain: hongo-child
*/

.cf7-recuadro {
  background: #e6e6e6;
  border-radius: 8px;
  padding: 15px;
  min-height: 180px;
}
.hora-btn {
  display: inline-block;
  margin: 4px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: white;
  cursor: pointer;
}
.hora-btn.activo {
  background: #1a4faa;
  color: white;
  border-color: #1a4faa;
}
.fila {
  display: flex;
  gap: 15px;
}

.fila-calendario {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.fila-calendario .cf7-recuadro {
  flex: 1;
  min-width: 0;
}

.titulos-calendario {
  display: flex;
  gap: 15px;
  margin-bottom: 8px;
}
.titulo-fecha, .titulo-horario {
  flex: 1;
  font-weight: bold;
  font-size: 14px;
}
.separador {
  border-bottom: 1px solid #e0e0e0;
  margin: 25px 0;
}
.fila > span {
  flex: 1;
}
input[type="submit"],
.wpcf7-submit {
  background: #1a4faa;
  color: #fff;
  border: none;
  padding: 12px 30px;
  border-radius: 6px;
  cursor: pointer;
  display: block;
  margin: 20px auto 0;
  font-weight: bold;
}
input[type="submit"]:hover,
.wpcf7-submit:hover {
  background: #163f8a;
}

.flatpickr-calendar {
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none;
}
.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.flatpickr-weekdays {
  width: 100% !important;
}
.flatpickr-weekdaycontainer {
  display: flex !important;
  width: 100% !important;
}
.flatpickr-weekday {
  flex: 1 !important;
  max-width: none !important;
}
.dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
}
.flatpickr-day {
  flex: 0 0 calc(100% / 7) !important;
  max-width: calc(100% / 7) !important;
  box-sizing: border-box;
}