#content {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}




.geoportal-container {
    width: 100%;
    flex: 1;
    min-height: 0;

    display: flex;
    flex-direction: column;
}




.geoportal-map-wrapper {
    position: relative;

    flex: 1;
    width: 100%;
    min-height: 0;

    overflow: hidden;

    background-color: #f5f7fa;
}




.geoportal-map {
    width: 100%;
    height: 100%;
}




.geoportal-layers-button {
    position: absolute;

    top: 15px;
    left: 15px;

    z-index: 1000;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 10px 15px;

    border: none;
    border-radius: 4px;

    background: #ffffff;
    color: #333333;

    font-size: 0.9rem;
    font-weight: 600;

    cursor: pointer;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

    transition: all 0.2s ease;
}


.geoportal-layers-button:hover {
    background: #f4f4f4;
}




#map .ol-control {
    position: absolute !important;
}




#map .ol-zoom {
    top: 75px !important;
    left: 15px !important;

    right: auto !important;
    bottom: auto !important;
}




#map .ol-attribution {
    right: 8px !important;
    bottom: 8px !important;

    left: auto !important;
    top: auto !important;

    width: auto !important;
    height: auto !important;
}




.geoportal-layers-panel {
    position: absolute;

    top: 0;
    left: 0;

    width: 300px;
    height: 100%;

    z-index: 1100;

    display: flex;
    flex-direction: column;

    background: #ffffff;

    box-shadow: 3px 0 12px rgba(0, 0, 0, 0.18);

    transform: translateX(-100%);

    transition: transform 0.3s ease;
}




.geoportal-layers-panel.abierto {
    transform: translateX(0);
}




.geoportal-panel-header {
    display: flex;

    align-items: center;
    justify-content: space-between;

    padding: 16px 18px;

    font-size: 1rem;
    font-weight: 700;

    border-bottom: 1px solid #e5e5e5;

    background: #ffffff;
}


.geoportal-panel-title {
    display: flex;

    align-items: center;

    gap: 10px;
}


.geoportal-panel-title i {
    color: #2f6179;
}




.geoportal-close-button {
    border: none;

    background: transparent;

    font-size: 1.8rem;
    line-height: 1;

    color: #666666;

    cursor: pointer;

    padding: 0;
}


.geoportal-close-button:hover {
    color: #000000;
}




.geoportal-layers-content {
    flex: 1;

    overflow-y: auto;
}




.geoportal-empty-layers {
    height: 100%;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    padding: 30px;

    color: #7a8790;
}


.geoportal-empty-icon {
    width: 60px;
    height: 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 50%;

    background: #f1f5f7;

    color: #7e9aa9;

    font-size: 24px;
}


.geoportal-empty-title {
    margin: 0 0 8px;

    font-size: 15px;
    font-weight: 600;

    color: #465661;
}


.geoportal-empty-text {
    max-width: 240px;

    font-size: 13px;
    line-height: 1.6;
}




.geoportal-panel-footer {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}


.geoportal-add-layer-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 15px;
    border: 1px solid #2f6179;
    border-radius: 5px;
    background: #ffffff;
    color: #2f6179;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}


.geoportal-add-layer-button:hover {
    background: #2f6179;

    color: #ffffff;
}




.geoportal-info-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
    height: 100%;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    box-shadow: -3px 0 12px rgba(0, 0, 0, 0.18);
    transform: translateX(100%);
    transition: transform 0.3s ease;
}




.geoportal-info-panel.abierto {
    transform: translateX(0);
}



.geoportal-panel-view {
    display: none;
    height: 100%;
    flex-direction: column;
}




.geoportal-panel-view.activa {
    display: flex;
}



.geoportal-panel-back {
    margin-bottom: 16px;
}

.geoportal-panel-back button {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 9px 14px;

    border: 1px solid #d5e2e8;
    border-radius: 6px;

    background: #f1f6f8;

    color: #2f6179;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}




.geoportal-panel-back button:hover {
    background: #e5f0f4;
    border-color: #9ab8c6;
    color: #244e63;
    transform: translateX(-2px);
    box-shadow: 0 2px 6px rgba(47, 97, 121, 0.10);
}




.geoportal-panel-back button i {
    font-size: 13px;
    transition: transform 0.2s ease;
}




.geoportal-panel-back button:hover i {
    transform: translateX(-3px);
}



.geoportal-panel-section-title {
    margin-bottom: 12px;
    margin-left: 10px;

    color: #6b7c86;

    font-size: 13px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.03em;
}




.geoportal-theme-item {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px 14px;

    margin-bottom: 8px;

    border: 1px solid #e1e7ea;
    border-radius: 6px;

    background: #ffffff;

    color: #344955;

    text-align: left;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}




.geoportal-theme-item:hover {
    background: #f6fafb;

    border-color: #8eb3c4;

    box-shadow: 0 3px 8px rgba(47, 97, 121, 0.10);

    transform: translateY(-1px);
}




.geoportal-theme-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background: #edf4f6;

    color: #2f6179;

    font-size: 17px;

    transition: all 0.2s ease;
}


.geoportal-theme-item:hover .geoportal-theme-icon {
    background: #2f6179;

    color: #ffffff;
}




.geoportal-theme-content {
    display: flex;
    flex: 1;
    flex-direction: column;

    gap: 3px;

    min-width: 0;
}




.geoportal-theme-title {
    color: #344955;

    font-size: 14px;
    font-weight: 600;
}




.geoportal-theme-description {
    color: #7a8790;

    font-size: 12px;
    line-height: 1.4;
}




.geoportal-theme-arrow {
    margin-left: auto;

    color: #9aabb4;

    font-size: 13px;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}


.geoportal-theme-item:hover .geoportal-theme-arrow {
    color: #2f6179;

    transform: translateX(3px);
}



.geoportal-variable-item {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 6px 16px;

    margin-bottom: 6px;

    border: 1px solid #d9e0e4;
    border-radius: 6px;

    background: #ffffff;

    color: #2f3d46;

    font-size: 14px;
    font-weight: 500;

    text-align: left;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.geoportal-variable-item:hover {
    background: #f4f8fa;

    border-color: #2f6179;

    transform: translateX(3px);

    box-shadow: 0 3px 8px rgba(47, 97, 121, 0.08);
}




.geoportal-variable-item span {
    flex: 1;
}




.geoportal-variable-item i {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 50%;

    background: #eef4f6;

    color: #2f6179;

    font-size: 12px;

    transition: all 0.2s ease;
}




.geoportal-variable-item:hover i {
    background: #2f6179;

    color: #ffffff;
}



.geoportal-selected-layer {
    padding: 12px 14px;
    border-bottom: 1px solid #e5e9ec;
    background: #ffffff;
    transition: background 0.2s ease,
                opacity 0.2s ease;
}


.geoportal-selected-layer:hover {
    background: #f8fafb;
}




.geoportal-selected-layer.is-hidden {
    opacity: 0.55;
}


.geoportal-selected-layer.is-hidden
.geoportal-selected-layer-name {
    text-decoration: line-through;
}




.geoportal-selected-layer-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}




.geoportal-selected-layer-info {
    min-width: 0;
    flex: 1;
}


.geoportal-selected-layer-name {
    font-size: 14px;
    font-weight: 600;
    color: #344854;
}


.geoportal-selected-layer-theme {
    margin-top: 3px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #7c919d;
}

.geoportal-selected-layer-role {
    font-size: 0.68rem;
    font-weight: 600;
}

.geoportal-feature-note {
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.4rem;
    background: #f8fafc;
    color: #6b7280;
    font-size: 0.78rem;
    line-height: 1.45;
}



.geoportal-selected-layer-actions {
    display: flex;
    align-items: center;
    gap: 4px;
}




.geoportal-layer-visibility,
.geoportal-layer-remove {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: none;
    border-radius: 4px;

    background: transparent;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}




.geoportal-layer-visibility {
    color: #587382;
}


.geoportal-layer-visibility:hover {
    background: #eaf1f4;
    color: #2f6179;
}




.geoportal-layer-remove {
    color: #8b9aa2;
}


.geoportal-layer-remove:hover {
    background: #f9eeee;
    color: #b34a4a;
}



.geoportal-selected-layer-header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}




.geoportal-selected-layer-name {
    flex: 1;
}




.geoportal-layer-info,
.geoportal-layer-visibility,
.geoportal-layer-remove {
    border: none;
    background: transparent;
    cursor: pointer;
}




.geoportal-layer-legend {
    margin-top: 1rem;
}


.geoportal-layer-color-scale {
    display: flex;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
}


.geoportal-layer-color-scale span {
    flex: 1;
}


.geoportal-layer-legend-values {
    display: flex;
    justify-content: space-between;

    align-items: flex-start;

    width: 100%;

    line-height: 1.2;

    margin-top: 0.4rem;

    font-size: 0.7rem;

}

.geoportal-layer-legend-values span {

    flex: 0 0 auto;

    white-space: nowrap;

}


.geoportal-layer-legend-values span:first-child {

    text-align: left;

}


.geoportal-layer-legend-values span:last-child {

    text-align: right;

}

.geoportal-layer-legend-values-compact {

    font-size: 10px;

}




.geoportal-layer-opacity {

    width: 100%;

    margin-top: 13px;

    padding-top: 13px;

    border-top:
        1px solid
        rgba(
            0,
            0,
            0,
            0.07
        );

}




.geoportal-layer-opacity-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 10px;

}




.geoportal-layer-opacity-header span {

    font-size: 0.72rem;

    font-weight: 600;

    color: #555555;

    line-height: 1.2;

    margin: 0;

    padding: 0;

    white-space: nowrap;

}




.geoportal-opacity-value {

    font-size: 0.72rem;

    font-weight: 500;

    color: #666666;

    line-height: 1.2;

    margin: 0;

    padding: 0;

    white-space: nowrap;

}




.geoportal-layer-opacity-range {

    width: 100%;

    height: 4px;

    margin: 0;

    padding: 0;

    cursor: pointer;

    appearance: none;

    -webkit-appearance: none;

    background:
        linear-gradient(
            to right,

            var(
                --layer-color,
                #4f7f96
            )

            0%,

            var(
                --layer-color,
                #4f7f96
            )

            var(
                --opacity-progress,
                100%
            ),

            #d9dfe3

            var(
                --opacity-progress,
                100%
            ),

            #d9dfe3

            100%
        );

    border-radius: 999px;

    outline: none;

}




.geoportal-layer-opacity-range::-webkit-slider-thumb {

    appearance: none;

    -webkit-appearance: none;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    background-color:
    var(
        --layer-color,
        #4f7f96
    );

    border:
        2px solid
        #ffffff;

    box-shadow:
        0 1px 3px
        rgba(
            0,
            0,
            0,
            0.22
        );

    cursor: pointer;

    transition:

        transform 0.15s ease,

        box-shadow 0.15s ease;

}




.geoportal-layer-opacity-range::-webkit-slider-thumb:hover {

    transform: scale(1.12);

    box-shadow:

        0 2px 5px

        rgba(
            0,
            0,
            0,
            0.25
        );

}




.geoportal-layer-opacity-range::-moz-range-thumb {

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background-color:
    var(
        --layer-color,
        #4f7f96
    );

    border:
        2px solid
        #ffffff;

    box-shadow:
        0 1px 3px
        rgba(
            0,
            0,
            0,
            0.22
        );

    cursor: pointer;

}



.ol-attribution button {

    display:

        none !important;

}




.ol-attribution ul {

    display:

        block !important;

}



.geoportal-basemap-control {

    position:

        absolute;

    right:

        0.75rem;

    bottom:

        2.3rem;

    z-index:

        20;

}

.geoportal-basemap-button {

    display:

        flex;

    align-items:

        center;

    gap:

        0.55rem;

    min-height:

        36px;

    padding:

        0.45rem
        0.7rem;

    border:

        1px solid
        rgba(
            49,
            73,
            87,
            0.18
        );

    border-radius:

        0.35rem;

    background:

        rgba(
            255,
            255,
            255,
            0.96
        );

    color:

        #314957;

    font-family:

        inherit;

    font-size:

        0.82rem;

    font-weight:

        600;

    cursor:

        pointer;

    box-shadow:

        0
        2px
        8px
        rgba(
            0,
            0,
            0,
            0.12
        );

}

.geoportal-basemap-button > i:first-child {

    color:

        #4f7182;

}

.geoportal-basemap-arrow {

    margin-left:

        0.15rem;

    font-size:

        0.7rem;

    color:

        #70818a;

}

.geoportal-basemap-menu {

    position:

        absolute;

    right:

        0;

    bottom:

        calc(
            100%
            +
            0.45rem
        );

    width:

        170px;

    display:

        none;

    flex-direction:

        column;

    padding:

        0.35rem;

    background:

        #ffffff;

    border:

        1px solid
        #d9e0e4;

    border-radius:

        0.4rem;

    box-shadow:

        0
        5px
        18px
        rgba(
            0,
            0,
            0,
            0.15
        );

}

.geoportal-basemap-menu.activo {

    display:

        flex;

}

.geoportal-basemap-option {

    width:

        100%;

    display:

        flex;

    align-items:

        center;

    gap:

        0.65rem;

    padding:

        0.65rem
        0.7rem;

    border:

        none;

    border-radius:

        0.3rem;

    background:

        transparent;

    color:

        #43545d;

    font-family:

        inherit;

    font-size:

        0.84rem;

    text-align:

        left;

    cursor:

        pointer;

}

.geoportal-basemap-option:hover {

    background:

        #f1f4f6;

}

.geoportal-basemap-option.activo {

    background:

        #edf3f5;

    color:

        #314957;

    font-weight:

        600;

}

.geoportal-basemap-option i {

    width:

        16px;

    text-align:

        center;

    color:

        #5d7886;

}



.geoportal-layer-visual-controls {

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap: 10px;

    width: 100%;

    margin-top: 13px;

    padding-top: 13px;

    border-top:
        1px solid
        rgba(
            0,
            0,
            0,
            0.07
        );

}




.geoportal-layer-visual-controls
.geoportal-layer-style,

.geoportal-layer-visual-controls
.geoportal-layer-trama-control,

.geoportal-layer-visual-controls
.geoportal-layer-order {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 7px;

    width: 100%;

    min-width: 0;

    margin: 0;

    padding: 0;

    border: none;

}




.geoportal-layer-style-header,

.geoportal-layer-trama-control label,

.geoportal-layer-order-label {

    display: block;

    margin: 0;

    padding: 0;

    font-size: 0.72rem;

    font-weight: 600;

    color: #555555;

    line-height: 1.2;

    white-space: nowrap;

}


.geoportal-layer-style-header span {

    font-size: inherit;

    font-weight: inherit;

    color: inherit;

}




.geoportal-layer-palette-select,

.geoportal-layer-trama-select {

    width: 100%;

    min-width: 0;

    max-width: none;

    height: 34px;

    margin: 0;

    padding: 6px 8px;

    font-family: inherit;

    font-size: 0.75rem;

    line-height: 1.4;

    color: #444444;

    background-color: #ffffff;

    border:
        1px solid
        #d9dfe3;

    border-radius: 4px;

    cursor: pointer;

    transition:

        border-color 0.15s ease,

        box-shadow 0.15s ease,

        background-color 0.15s ease;

}


.geoportal-layer-palette-select:hover,

.geoportal-layer-trama-select:hover {

    border-color: #8aa7b5;

    background-color: #fafcfc;

}


.geoportal-layer-palette-select:focus,

.geoportal-layer-trama-select:focus {

    outline: none;

    border-color: #4f7f96;

    box-shadow:

        0 0 0 2px

        rgba(
            79,
            127,
            150,
            0.12
        );

}




.geoportal-layer-order-actions {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    width: 100%;

    height: 34px;

}


.geoportal-layer-order-actions button {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;

    height: 34px;

    margin: 0;

    padding: 0;

    border:
        1px solid
        #d9dfe3;

    border-radius: 4px;

    background-color: #ffffff;

    color: #555555;

    cursor: pointer;

    transition:

        border-color 0.15s ease,

        background-color 0.15s ease,

        color 0.15s ease;

}


.geoportal-layer-order-actions button:hover:not(:disabled) {

    border-color: #8aa7b5;

    background-color: #f4f8fa;

    color: #3f7185;

}


.geoportal-layer-order-actions button:disabled {

    opacity: 0.4;

    cursor: default;

}



.geoportal-layer-info-panel {

    position: absolute;

    top: 0;

    right: 0;

    width: 390px;

    height: 100%;

    background-color:
        #ffffff;

    border-left:
        1px solid
        rgba(
            0,
            0,
            0,
            0.12
        );

    box-shadow:
        -4px 0 18px
        rgba(
            0,
            0,
            0,
            0.10
        );

    z-index:
        30;


    

    transform:
        translateX(
            100%
        );

    transition:
        transform
        0.25s
        ease;

    display:
        flex;

    flex-direction:
        column;

}




.geoportal-layer-info-panel.activo {

    transform:
        translateX(
            0
        );

}




.geoportal-layer-info-header {

    min-height:
        58px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        0
        1rem;

    border-bottom:
        1px solid
        #d9e0e4;

    background:
        #ffffff;

}




.geoportal-layer-info-header-title {

    display:
        flex;

    align-items:
        center;

    gap:
        0.65rem;

    font-size:
        1rem;

    font-weight:
        600;

    color:
        #314957;

}


.geoportal-layer-info-header-title i {

    color:
        #4f7182;

    font-size:
        1rem;

}




.geoportal-layer-info-close {

    width:
        32px;

    height:
        32px;

    border:
        none;

    background:
        transparent;

    color:
        #60727c;

    cursor:
        pointer;

    border-radius:
        50%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    transition:
        background
        0.2s
        ease,

        color
        0.2s
        ease;

}


.geoportal-layer-info-close:hover {

    background:
        #edf2f4;

    color:
        #253d4b;

}




.geoportal-layer-info-content {

    flex:

        1;

    overflow-y:

        auto;

    padding:

        1.4rem
        1.5rem
        1.75rem;

    display:

        block;

    min-height:

        0;

}




.geoportal-info-layer-title {

    margin:

        0
        0
        0.45rem
        0;

    font-size:

        1.45rem;

    font-weight:

        600;

    line-height:

        1.25;

    color:

        #253d4b;

}




.geoportal-info-layer-theme {

    margin:

        0
        0
        1.5rem
        0;

    font-size:

        0.78rem;

    font-weight:

        700;

    letter-spacing:

        0.06em;

    text-transform:

        uppercase;

    color:

        #5d7886;

}



.geoportal-info-section {

    margin:

        0
        0
        1.6rem
        0;

}


.geoportal-info-section:last-child {

    margin-bottom:

        0;

}



.geoportal-info-text {

    margin:

        0;

    font-size:

        0.95rem;

    line-height:

        1.7;

    color:

        #53646d;

}




.geoportal-info-interpretacion {

    padding:
        0.8rem
        0.9rem;

    border-left:
        4px solid
        #5d7f90;

    background:
        #f5f8f9;

    font-size:
        0.94rem;

    line-height:
        1.55;

    color:
        #43545d;

}




.geoportal-info-metadata {

    display:
        flex;

    flex-direction:
        column;

    gap:
        0;

}




.geoportal-info-metadata-item {

    padding:
        0.6rem
        0;

    border-bottom:
        1px solid
        #e3e8eb;

}




.geoportal-info-metadata-item:last-child {

    border-bottom:
        none;

}




.geoportal-info-metadata-label {

    margin-bottom:
        0.2rem;

    font-size:
        0.78rem;

    font-weight:
        700;

    text-transform:
        uppercase;

    letter-spacing:
        0.04em;

    color:
        #71818a;

}




.geoportal-info-metadata-value {

    font-size:
        0.95rem;

    line-height:
        1.4;

    color:
        #334953;

}



.geoportal-info-section-title {

    margin:

        0
        0
        0.75rem
        0;

    padding:

        0.6rem
        0.75rem;

    background:

        #f1f4f6;

    font-size:

        0.9rem;

    font-weight:

        600;

    color:

        #314957;

}



.geoportal-feature-info-panel {

    position: absolute;

    top: 0;

    right: 0;

    width: 390px;

    height: 100%;

    background-color:
        #ffffff;

    border-left:
        1px solid
        rgba(
            0,
            0,
            0,
            0.12
        );

    box-shadow:
        -4px 0 18px
        rgba(
            0,
            0,
            0,
            0.10
        );

    z-index:
        31;


    

    transform:
        translateX(
            100%
        );

    transition:
        transform
        0.25s
        ease;

    display:
        flex;

    flex-direction:
        column;

}




.geoportal-feature-info-panel.activo {

    transform:
        translateX(
            0
        );

}




.geoportal-feature-info-header {

    min-height:
        58px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        0
        1rem;

    border-bottom:
        1px solid
        #d9e0e4;

    background:
        #ffffff;

}




.geoportal-feature-info-header-title {

    display:
        flex;

    align-items:
        center;

    gap:
        0.65rem;

    font-size:
        1rem;

    font-weight:
        600;

    color:
        #314957;

}


.geoportal-feature-info-header-title i {

    color:
        #4f7182;

    font-size:
        1rem;

}




.geoportal-feature-info-close {

    width:
        32px;

    height:
        32px;

    border:
        none;

    background:
        transparent;

    color:
        #60727c;

    cursor:
        pointer;

    border-radius:
        50%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    transition:
        background
        0.2s
        ease,
        color
        0.2s
        ease;

}


.geoportal-feature-info-close:hover {

    background:
        #edf2f4;

    color:
        #253d4b;

}




.geoportal-feature-info-content {

    flex:
        1;

    overflow-y:
        auto;

    padding:
        1rem
        1.15rem;

}



.geoportal-feature-entity {

    margin-bottom:
        1.15rem;

}




.geoportal-feature-label {

    margin-bottom:
        0.35rem;

    font-size:
        0.75rem;

    font-weight:
        700;

    letter-spacing:
        0.05em;

    text-transform:
        uppercase;

    color:
        #71818a;

}




.geoportal-feature-name {

    margin:
        0;

    font-size:
        1.45rem;

    font-weight:
        600;

    line-height:
        1.25;

    color:
        #253d4b;

}




.geoportal-feature-type {

    margin-top:
        0.25rem;

    font-size:
        0.9rem;

    color:
        #60727c;

}




.geoportal-feature-divider {

    height:
        1px;

    margin:
        1rem
        0;

    background:
        #e3e8eb;

}




.geoportal-feature-indicator {

    margin-bottom:
        1rem;

}




.geoportal-feature-indicator-name {

    margin:
        0.35rem
        0
        0;

    font-size:
        1rem;

    font-weight:
        500;

    line-height:
        1.45;

    color:
        #334953;

}




.geoportal-feature-value {

    margin:
        1rem
        0
        0;

    font-size:
        1.5rem;

    font-weight:
        700;

    line-height:
        1.25;

    color:
        #314957;

}




.geoportal-feature-related {

    display:
        flex;

    flex-direction:
        column;

    gap:
        0;

}




.geoportal-feature-related-item {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        1rem;

    padding:
        0.7rem
        0;

    border-bottom:
        1px solid
        #e3e8eb;

}




.geoportal-feature-related-item:last-child {

    border-bottom:
        none;

}




.geoportal-feature-related-label {

    font-size:
        0.88rem;

    line-height:
        1.4;

    color:
        #60727c;

}




.geoportal-feature-related-value {

    font-size:
        0.92rem;

    font-weight:
        600;

    white-space:
        nowrap;

    color:
        #334953;

}

.scd-explore-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    flex-shrink: 0;
}

.scd-explore-icon {
    opacity: 0.9;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.scd-explore-item:hover .scd-explore-icon {
    transform: translateY(-2px);
    opacity: 1;
}



.geoportal-variable-category {
    margin-bottom: 0.5rem;
}



.geoportal-category-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;

    padding: 0.75rem 0.85rem;

    border: 1px solid #e5e7eb;
    border-radius: 0.45rem;

    background: #ffffff;
    color: #374151;

    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;

    text-align: left;
    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.geoportal-category-header:hover {
    background: #f8fafc;
    border-color: #d7dce2;
}




.geoportal-category-title {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.geoportal-category-title i {
    width: 1.1rem;
    text-align: center;
    font-size: 0.9rem;
    color: #6b7280;
}




.geoportal-category-arrow {
    flex-shrink: 0;
    font-size: 0.7rem;
    color: #9ca3af;

    transition: transform 0.2s ease;
}

.geoportal-variable-category.abierta
.geoportal-category-arrow {
    transform: rotate(180deg);
}




.geoportal-category-content {
    display: none;
    padding: 0.25rem 0 0.15rem 0;
}

.geoportal-variable-category.abierta
.geoportal-category-content {
    display: block;
}




.geoportal-category-content .geoportal-variable-item {
    margin-top: 0.2rem;
}



@media (max-width: 768px) {

    .geoportal-container {
        height: calc(100vh - 170px);
        min-height: 420px;
    }


    .geoportal-layers-panel {
        width: min(320px, 85%);
    }


    .geoportal-info-panel {
        width: min(380px, 90%);
    }

}