/* Itinerario para imprimir / guardar como PDF */

@page { size: A4; margin: 14mm 14mm 16mm; }

* { box-sizing: border-box; }
body { margin: 0; background: #eef7fb; color: #1f2a30; font: 11pt/1.55 "Segoe UI", Arial, Helvetica, sans-serif; }

.barra { position: sticky; top: 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 20px; background: #0a3d66; }
.barra a { color: #fff; text-decoration: none; }
.barra button { border: 0; border-radius: 999px; padding: 10px 20px; background: #ffd000; color: #1f2a30; font-weight: 700; cursor: pointer; }

.hoja { max-width: 210mm; margin: 24px auto; padding: 18mm 16mm; background: #fff; box-shadow: 0 10px 40px rgba(10, 61, 102, .15); }

.cabecera { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 3px solid #07d4c3; margin-bottom: 18px; }
.cabecera__logo { width: 150px; height: auto; }
.cabecera__contacto { text-align: right; font-size: 9pt; color: #5b6b73; }

.etiqueta { margin: 0; text-transform: uppercase; letter-spacing: .15em; font-size: 8.5pt; font-weight: 700; color: #087f75; }
h1 { margin: 2px 0 6px; font-size: 22pt; line-height: 1.15; color: #0a3d66; }
h2 { margin: 18px 0 6px; font-size: 13pt; color: #0a3d66; }
.resumen-corto { margin: 0 0 12px; color: #5b6b73; }
.foto { display: block; width: 100%; max-height: 70mm; object-fit: cover; border-radius: 8px; margin: 10px 0 14px; }

.datos { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
.datos th, .datos td { padding: 6px 8px; border-bottom: 1px solid #e2ddd5; text-align: left; vertical-align: top; }
.datos th { width: 32%; color: #5b6b73; font-weight: 600; }
.datos small { color: #5b6b73; }

.contenido img { max-width: 100%; height: auto; }
.contenido ul { padding-left: 20px; margin: 6px 0; }

.listas { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.listas ul { list-style: none; padding: 0; margin: 0; }
.listas li { position: relative; padding-left: 18px; margin-bottom: 3px; }
.listas .si li::before { content: "✓"; position: absolute; left: 0; color: #1fa855; font-weight: 700; }
.listas .no li::before { content: "✕"; position: absolute; left: 0; color: #b42318; font-weight: 700; }

.pie { margin-top: 22px; padding-top: 10px; border-top: 1px solid #e2ddd5; font-size: 9.5pt; }
.pie p { margin: 2px 0; }
.pie__nota { color: #5b6b73; font-size: 8pt; }

@media (max-width: 700px) {
    .hoja { margin: 0; padding: 20px 16px; box-shadow: none; }
    .listas { grid-template-columns: 1fr; }
}

@media print {
    body { background: #fff; }
    .no-imprimir { display: none !important; }
    .hoja { margin: 0; padding: 0; max-width: none; box-shadow: none; }
    h2, .datos, .listas > div { break-inside: avoid; }
    a { color: inherit; text-decoration: none; }
    * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}