/* ============================================================ charts_viajes_ayuso.css Calendario de viajes al extranjero de Ayuso Sube este fichero a: datos.eldiario.es/proyectos/2026/2606-calendario-viajes-ayuso/ Los ids y clases son los originales del embed. No los renombres: calendario_viajes_ayuso_min.js los busca por nombre. ============================================================ */ /* ---------- Textos ---------- */ .title-calendario-viajes { font-family: 'Encode Sans', sans-serif; text-align: left; color: #000; font-size: 22px; font-weight: 700; } .sub-calendario-viajes { font-family: 'Encode Sans', sans-serif; text-align: left; font-size: 14px; line-height: 20px; color: #181818; } .fuente-calendario-viajes { font-family: 'Encode Sans', sans-serif; text-align: left; font-size: 12px; color: #666; } .hr-calendario-viajes { border: none; border-top: 1px dotted #999; margin: 16px 0; } /* ---------- Gráfico ---------- */ #contenedor-barras-calendario-viajes-ayuso { width: 100%; } #calendario-viajes-ayuso { width: 100%; } #calendario-viajes-ayuso text { font-size: 14px; font-family: 'Encode Sans', sans-serif; } /* ---------- Leyenda ---------- */ #legend-calendario-viajes { display: flex; justify-content: center; } .div-legend-calendario-viajes { padding: 5px; background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; } .legendcalendarioviajes { font-family: 'Encode Sans', sans-serif; font-size: 12px; } /* ---------- Tooltip ---------- Se inyecta en , fuera del contenedor del gráfico. */ #tooltip-info-viajes { position: absolute; z-index: 10; padding: 8px; color: #000; background-color: #fff; border: 1px solid #ccc; border-radius: 0; box-shadow: 0 2px 2px 0 #ccc; margin-left: 2px; font-size: 12px; font-family: 'Encode Sans', sans-serif; line-height: 1.5; pointer-events: none; max-width: 260px; } #tooltip-info-viajes table { table-layout: fixed; width: 100%; } #tooltip-info-viajes .primeracolumna-eldiarioes { border-bottom: 1px solid #ddd; padding-top: 2px; padding-bottom: 2px; } #tooltip-info-viajes .columna-datos-eldiarioes { text-align: right; border-bottom: 1px solid #ddd; padding-top: 2px; padding-bottom: 2px; word-wrap: break-word; } /* ---------- Móvil ---------- */ @media (max-width: 600px) { .title-calendario-viajes { font-size: 19px; } #calendario-viajes-ayuso text { font-size: 12px; } #tooltip-info-viajes { max-width: 200px; } }