.leaflet-hidden { visibility: hidden; }
.legend { cursor: pointer; }
.leaflet-container { z-index: 0; }
.elevation-control .background {
    background-color: var(--ele-bg, rgba(70,100,10,0.8)); /* Cambiado a 0.5 para menos transparencia */
    border-radius: 5px;
    display: block;
    max-width: 100%;
    overflow: visible;
    touch-action: none;
    user-select: none;
	height:250px;
}
.elevation-control .area > foreignObject, .elevation-control .axis, .elevation-control .grid, .elevation-control .tooltip, .height-focus.line { pointer-events: none; }
.elevation-control .axis line, .elevation-control .axis path {
    stroke: var(--ele-axis, #2d1130);
    stroke-width: 1;
    fill: none;
	
}
.elevation-control .grid .tick line {
    stroke: var(--ele-grid, #eee);
    stroke-width: 1px;
    shape-rendering: crispEdges;
}
.elevation-control .grid path { stroke-width: 0; }
.elevation-control .axis text, .elevation-control .legend text, .elevation-control .point text {
    fill: #000;
    stroke: #fff;
    stroke-width: 2px;
    font-weight: 700;
    paint-order: stroke fill;
}
.elevation-control .y.axis text { text-anchor: end; }
.elevation-control .area {
    fill: var(--ele-area, #4682b4);
    stroke: var(--ele-stroke, #000);
    stroke-width: 1.2;
    paint-order: stroke fill;
}
.elevation-control .horizontal-drag-line {
    stroke: transparent;
    stroke-dasharray: 5;
    stroke-width: 1.1;
    cursor: row-resize;
}
.elevation-control .active .horizontal-drag-line { stroke: #000; }
.elevation-control .horizontal-drag-label {
    fill: #000;
    stroke: #fff;
    stroke-width: 2px;
    font-weight: 700;
    paint-order: stroke;
}
.elevation-control .ruler { color: #000; cursor: row-resize; }
.elevation-control .mouse-focus-line { stroke: #000; stroke-width: 1; }
.elevation-control .mouse-focus-label-rect {
    fill: #000;
    fill-opacity: .75;
    stroke-width: 1;
    stroke: #444;
}
.elevation-control .mouse-focus-label-text { fill: #fff; font-size: 10px; }
.elevation-control .brush .overlay { cursor: unset; }
.elevation-control .brush .selection {
    fill: var(--ele-brush, rgba(23,74,117,.4));
    stroke: none;
    fill-opacity: unset;
}
.elevation-summary {
    font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: var(--ele-sum-margin, 0 auto);
    text-shadow: var(--ele-sum-shadow, 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff);
    background-color: rgba(255, 255, 255, 0.8); /* Fondo blanco con 50% de transparencia */
    padding: 5px; /* Espacio interior para mayor legibilidad */
    border-radius: 5px; /* Bordes redondeados */
	
}

.elevation-summary > span:not(:last-child):after {
    content: var(--ele-sum-sep, "");
}
.multiline-summary > span { display: block; }
.multiline-summary .download {
    float: right;
    font-size: 1.2em;
    font-weight: 700;
    margin-right: 2em;
    margin-top: -3em;
}
.elevation-summary .summaryvalue { font-weight: 700; }
.elevation-toggle-icon {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    height: var(--ele-toggle-size, 36px);
    position: var(--ele-toggle-pos, relative);
    right: 5px;
    top: 5px;
    width: var(--ele-toggle-size, 36px);
}
.elevation-toggle-icon:before {
    color: #000;
    content: "\2716";
    display: var(--ele-close-btn, none);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.leaflet-elevation-pane .height-focus, .leaflet-overlay-pane .height-focus { stroke: #000; fill: var(--ele-circle, var(--ele-area, #fff)); }
.leaflet-elevation-pane .height-focus.line, .leaflet-overlay-pane .height-focus.line { stroke-width: 2; }
.leaflet-elevation-pane .height-focus-label, .leaflet-overlay-pane .height-focus-label {
    fill: #000;
    stroke: #fff;
    stroke-width: 2px;
    font-size: 12px;
    font-weight: 600;
    paint-order: stroke;
}
.elevation-position-icon:before, .elevation-waypoint-icon:before {
    background: var(--ele-marker) no-repeat center center / contain;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
}
.elevation-polyline {
    stroke: var(--ele-poly, var(--ele-area, #000));
    filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF);
}
.elevation-detached {
    font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 0;
}
.elevation-detached .area { fill-opacity: var(--ele-alpha, .8); }
.elevation-detached.elevation-collapsed .elevation-summary { display: block; }
.elevation-detached.elevation-collapsed .elevation-toggle-icon {
    bottom: 5px;
    margin: auto;
    right: 9px;
    top: 5px;
}
.elevation-control.elevation-collapsed > * { display: none; }
.elevation-control.elevation-collapsed > .elevation-toggle-icon { display: inline-block; }
.elevation-detached { --ele-sum-margin: 12px 35px; --ele-sum-shadow: none; --ele-toggle-pos: absolute; }
.elevation-expanded { --ele-close-btn: inline-block; --ele-toggle-bg: none; --ele-toggle-pos: absolute; --ele-toggle-size: 20px; 

 }
.inline-summary { --ele-sum-sep: "\0020\2014\0020"; }
.elevation-waypoint-icon { --ele-marker: url(elevation-pushpin.svg); }
.elevation-position-icon { --ele-marker: url(elevation-position.svg); }
.lime-theme {
    --ele-bg: rgba(156,194,34,.2);
    --ele-axis: #566b13;
    --ele-area: #9cc222;
    --ele-grid: #ccc;
    --ele-brush: rgba(99,126,11,.4);
    --ele-poly: #566b13;
    --ele-line: #70ab00;
}
.steelblue-theme {
    --ele-axis: #0d1821;
    --ele-area: #4682b4;
    --ele-brush: rgba(23,74,117,.4);
    --ele-line: #174a75;
}
.purple-theme {
    --ele-bg: rgba(115,44,123,.8);
    --ele-area: #732c7b;
    --ele-brush: rgba(74,14,80,.4);
    --ele-line: #732c7b;
}
.yellow-theme { --ele-area: #ff0; }
.red-theme { --ele-area: red; }
.magenta-theme {
    --ele-bg: hsla(0,0%,100%,.77);
    --ele-area: #ff005e;
}
.lightblue-theme {
    --ele-area: #36c;
    --ele-alpha: 0.45;
    --ele-stroke: #4682b4;
    --ele-circle: #fff;
    --ele-line: #000;
}
.elevation-detached.lightblue-theme .area { stroke: #36c; }
.dist-marker {
    background: #fff;
    border: 1px solid #777;
    border-radius: 10px;
    color: #000;
    font-size: .5rem;
    text-align: center;
}