*,
*::before,
*::after {
    box-sizing: border-box;
}

.hm-wrapper {
    width: 100% !important;
    max-width: 100%;
    display: block !important;
    float: none !important;
    position: relative;
    overflow-x: hidden;
    font-family: "Encode Sans", sans-serif;
}

.hm-titulo {
    font-family: "Encode Sans", sans-serif;
    text-align: left !important;
    display: block !important;
    float: none !important;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    max-width: 643px;
    margin: 0 0 10px;
}
.hm-subtitulo {
    font-family: "Encode Sans", sans-serif;
    text-align: left !important;
    display: block !important;
    float: none !important;
    color: #181818;
    font-size: 14px;
    line-height: 20px;
    max-width: 643px;
    margin: 0 0 15px;
}
#legend-cruceros-heatmap { display: block !important; width: 100% !important; float: none !important; margin-bottom: 24px; }
.hm-leyenda-titulo { display: block !important; width: 100% !important; float: none !important; text-align: left !important; font-size: 11px; font-weight: 500; letter-spacing: 0.03em; color: #333; margin-bottom: 8px; font-family: 'Encode Sans', sans-serif; }
.hm-leyenda-barra { display: flex !important; width: 100%; max-width: 320px; height: 12px; border-radius: 0; overflow: hidden; float: none !important; }
.hm-leyenda-barra span { flex: 1; }
.hm-leyenda-ticks { display: flex !important; width: 100%; max-width: 320px; justify-content: space-between; font-size: 11px; color: #666; margin-top: 4px; font-family: 'Encode Sans', sans-serif; float: none !important; }
.hm-tick-first { text-align: left; }
.hm-tick-last { text-align: right; }
.hm-fila { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 26px 22px; padding-bottom: 6px; float: none !important; }
.hm-panel { min-width: 0; }
.hm-panel-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; min-width: 0; }
.hm-panel-title { font-size: 13px; font-weight: 700; color: #000000; margin-bottom: 2px; white-space: nowrap; font-family: 'Encode Sans', sans-serif; }
.hm-verano-linea { stroke: #333333; stroke-width: 0.4px; stroke-dasharray: 1, 2; stroke-linecap: round; pointer-events: none; }
.hm-verano-label { font-family: 'Encode Sans', sans-serif; font-size: 11px; font-weight: 700; fill: #777777; letter-spacing: 0.06em; pointer-events: none; }
.hm-destacado-outline { stroke: #000000; stroke-width: 1.5px; pointer-events: none; }
.hm-destacado-leader { stroke: #333333; stroke-width: 0.75px; pointer-events: none; }
.hm-destacado-label { font-family: 'Encode Sans', sans-serif; font-size: 11px; font-weight: 700; fill: #000000; stroke: #ffffff; stroke-width: 2px; paint-order: stroke; pointer-events: none; }
.hm-destacado-valor { font-family: 'Encode Sans', sans-serif; font-size: 11px; font-weight: 400; fill: #333333; stroke: #ffffff; stroke-width: 2px; paint-order: stroke; pointer-events: none; }
.hm-year-label { font-size: 11px; fill: #999999; font-weight: 400; font-family: 'Encode Sans', sans-serif; }
.hm-month-label { font-size: 11px; fill: #888; font-family: 'Encode Sans', sans-serif; }
.hm-cell { cursor: pointer; }
.hm-svg { display: block; width: 100%; max-width: 640px; height: auto; }
.hm-tooltip { position: absolute; pointer-events: none; background: #ffffff; border: 1px solid #d0d7de; border-radius: 0; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12); padding: 8px 12px; font-family: 'Encode Sans', sans-serif; font-size: 12px; line-height: 1.5; transition: opacity 0.1s ease; z-index: 1000; max-width: 220px; }
.hm-tooltip-puerto { font-weight: 700; color: #005695; font-size: 13px; }
.hm-tooltip-fecha { color: #444; margin-bottom: 4px; }
.hm-tooltip-row span { color: #444; }
.fuente-cruceros {
    color: #4a4a4a;
    text-align: left;
    font-family: "Encode Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 12px 0 30px 0;
}
@media (max-width: 700px) {
    .hm-titulo { font-size: 17px; }
    .hm-subtitulo { font-size: 13px; }
    .hm-fila { grid-template-columns: 1fr; gap: 24px; }
    .hm-panel { width: 100%; }
    .hm-panel-title { font-size: 14px; }
    .hm-svg { max-width: 100%; }
    .hm-leyenda-barra, .hm-leyenda-ticks { width: 100%; max-width: 320px; }
}