/* === ESTILO GENERAL === */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans&display=swap');
/* === BARRA DE NAVEGACIÓN === */
nav {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #d4c8b0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

/* === ENCABEZADO === */
header {
  background-color: #8e1a01;
  color: #ffffff;
  text-align: center;
  padding: 120px 20px 80px 20px;
  font-family: 'Merriweather', serif;
}

header h1 {
  font-size: 3em;
  margin-bottom: 10px;
}

header h2 {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 20px;
}

header p {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.1em;
}

/* === ENLACES === */
a {
  color: #705934;
  text-decoration: none;
  font-weight: bold;
}

/* Contenedor general del sidebar */
.web-middle__content__sidebar {
    width: 300px; /* ancho fijo del sidebar */
    padding: 20px;
    background-color: #fdf6e3; /* color tipo pergamino */
    border-left: 2px solid #d6cbb3; /* línea sutil de separación */
    font-family: 'Georgia', serif; /* tipografía literaria */
    color: #333;
}

/* Bloques internos */
.web-middle__content__sidebar .box {
    margin-bottom: 30px;
    padding: 15px;
    background-color: #fffaf0; /* fondo ligeramente diferente */
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
}

.web-middle__content__sidebar .box:hover {
    transform: translateY(-3px); /* efecto ligero al pasar el mouse */
}

/* Títulos de secciones */
.web-middle__content__sidebar .title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 12px;
    color: #5b3a29; /* marrón literario */
    border-bottom: 1px solid #d6cbb3;
    padding-bottom: 5px;
}

/* Listas */
.web-middle__content__sidebar .list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.web-middle__content__sidebar .list li {
    margin-bottom: 8px;
}

/* Enlaces de libros y autores */
.web-middle__content__sidebar .list li a {
    text-decoration: none;
    color: #2c1a0f;
    transition: color 0.2s, transform 0.2s;
}

.web-middle__content__sidebar .list li a:hover {
    color: #a15a3f; /* tono cálido al pasar el mouse */
    transform: translateX(5px); /* ligero movimiento */
}

/* Promo / Banner */
.web-middle__content__sidebar .promo {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #eee5d5;
    border-radius: 6px;
    text-align: center;
    font-size: 0.9em;
    color: #555;
    border: 1px solid #d6cbb3;
}

/* Contenedor general de cada card */
.card {
    background-color: #fffaf0; /* fondo tipo pergamino */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    padding: 15px;
    margin-bottom: 25px;
    transition: transform 0.2s, box-shadow 0.2s;
    font-family: 'Georgia', serif;
    color: #6b0c0c;
}

/* Efecto al pasar el mouse */
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Adaptación para dispositivos pequeños */
@media (max-width: 768px) {
    .datalist {
        flex-direction: column;
        align-items: center;
    }
    
    .highlight .image img {
        width: 120px;
        height: 170px;
    }
    
    .card__title {
        text-align: center;
    }
}
.PorSantiagoRamirezBlankenhorst {
  color: white; /* color del texto */
  font-size: 18px; /* tamaño de letra */
  font-weight: bold; /* negrita */
  text-decoration: none; /* quita el subrayado */
  font-family: 'Georgia', serif; /* fuente elegante */
}

/* ================================
   TICKET DE SALIDA EN LA SIDEBAR
================================ */

.web-middle__content__sidebar #ticket-salida {
  margin-top: 25px;
  padding: 15px;
  background: #faf7ef;
  border-radius: 10px;
  border: 1px solid #d5c4a1;
}

.web-middle__content__sidebar #ticket-salida h2 {
  font-size: 1.4em;
  margin-bottom: 18px;
  text-align: center;
}

/* Cada tarjeta */
.web-middle__content__sidebar .ticket-item {
  margin-bottom: 18px;
  padding: 14px;
  background: #fff;
  border: 1px solid #e2d6c9;
  border-radius: 8px;

  /* evita que se sienta apretado */
  line-height: 1.55;
}

/* Título pequeño dentro de la sidebar */
.web-middle__content__sidebar .ticket-item h3 {
  font-size: 0.95em;
  margin-bottom: 6px;
  color: #5c0c0c;
}

/* Párrafos con mejor lectura */
.web-middle__content__sidebar .ticket-item p {
  margin: 0;
  font-size: 0.88em;
  white-space: normal;

  /* Espaciado para que respire */
  line-height: 1.55;
}

/* Opcional: separación visual */
.web-middle__content__sidebar .ticket-item:not(:last-child) {
  border-bottom: 2px solid #f0e7da;
  padding-bottom: 18px;
}