@font-face {
  font-family: FF-Quicksand-Medium;
  src: url("https://avoris-indesigners.s3.eu-west-1.amazonaws.com/librerias/libreria/estilos/travelplan/fuentes/Quicksand-Medium.ttf");
}

@font-face {
  font-family: FF-Quicksand-Bold;
  src: url("https://avoris-indesigners.s3.eu-west-1.amazonaws.com/librerias/libreria/estilos/travelplan/fuentes/Quicksand-Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: FF-RaisonnePro-Light;
  src: url("https://avoris-indesigners.s3.eu-west-1.amazonaws.com/librerias/libreria/estilos/travelplan/fuentes/RaisonnePro-Light.ttf");
}

@font-face {
  font-family: FF-RaisonnePro-Regular;
  src: url("https://avoris-indesigners.s3.eu-west-1.amazonaws.com/librerias/libreria/estilos/travelplan/fuentes/RaisonnePro-Regular.ttf");
}

@font-face {
  font-family: FF-RaisonnePro-Bold;
  src: url("https://avoris-indesigners.s3.eu-west-1.amazonaws.com/librerias/libreria/estilos/travelplan/fuentes/RaisonnePro-Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: FF-RaisonnePro-Book;
  src: url("https://avoris-indesigners.s3.eu-west-1.amazonaws.com/librerias/libreria/estilos/travelplan/fuentes/RaisonnePro-Book.ttf");
}

:root {
  --brand: #009976;
  --ink: #141414;
}

/* Layout */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  font-family: FF-RaisonnePro-Book, "Raisonne Pro", Arial, sans-serif;
  color: var(--ink);
  font-size: 13px;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* Contenedor */
#fechas-salida {
  width: auto;
}

/* Tabla */
.tabla-fechas {
  display: inline-block;
  text-align: left;
}

/* Header */
.tabla-header {
  background: var(--brand);
  color: #fff;
  text-align: center;
  padding: 12px;
  font-family: FF-Quicksand-Bold, Quicksand, sans-serif;
  font-size: 13px;
}

/* Filas */
.tabla-row {
  display: grid;
  grid-template-columns: 150px auto;
  column-gap: 15px;
  align-items: center;
  border-bottom: 1px solid var(--brand);
  padding: 10px 0;
}

/* Mes */
.tabla-mes {
  text-align: left;
  font-family: FF-RaisonnePro-Book, "Raisonne Pro", Arial, sans-serif;
  font-size: 13px;
}

/* Días */
.tabla-dias {
  display: flex;
  justify-content: flex-start;
  gap: 25px;
  font-family: FF-Quicksand-Medium, Quicksand, sans-serif;
  font-size: 13px;
  color: var(--brand);
}

.tabla-dias span {
  min-width: 20px;
  text-align: left;
}

/* Footer (fila completa) */
.tabla-row-footer {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid var(--brand);
  padding: 12px 0;
}

.tabla-footer {
  font-family: FF-RaisonnePro-Book, "Raisonne Pro", Arial, sans-serif;
  font-size: 13px;
  text-align: left;
}

.tabla-row.tabla-row-footer {
  display: grid;
  grid-template-columns: 1fr !important;
  column-gap: 0 !important;
  width: 100%;
}

.tabla-row.tabla-row-footer .tabla-footer {
  grid-column: 1 / -1 !important;
  width: 100%;
  white-space: nowrap;
}