/*/ Cards /*/
    .card-legends {
        border-radius: 1rem;
        background: #FFF;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
        padding: 3% 4%;
    }

    .card-container {
        border-radius: 1rem;
        background: #ffffff;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);

        padding: 2% 0.75% 2% 2%;
        width: 100%
    }

    .color-card-low {
        background: rgba(255, 255, 255, 0.7);
    }

/*/ Modals /*/
    .modal-lg, .modal-xl {
        max-width: 880px !important;
    }

/*/ Tables /*/
    table th,
    table td {
        vertical-align: middle !important;
    }

    th.border-harsi {
        border-right: 1px solid #0D6889 !important;
        border-left: 1px solid #0D6889 !important;

        padding-top: 0.35rem !important;
        padding-bottom: 0.35rem !important;

        font-weight: 750;
        letter-spacing: 1px;
    }

    th:first-child {
        border-left: none !important;
    }

    th:last-child {
        border-right: none !important;
    }

    .td-border-right {
        border-right: 1px solid #E2DFDF !important;
    }

    .td-border-bottom {
        border-bottom: 1px solid #E2DFDF !important;
    }

    .td-border-bottom-dark {
        border-bottom: 1px solid #c4c4c4 !important;
    }

    .ota-col {
        white-space: nowrap;
    }

/*/ Borders /*/
    .semi-border-left-bottom-dark {
        position: relative;
    }

    .semi-border-left-bottom-dark::after {
        content: '';
        position: absolute;
        bottom: -0.5px;
        left: 10%;
        width: 90%;
        height: 1px;
        background-color: #c4c4c4;
    }

    .semi-border-left-bottom {
        position: relative;
    }

    .semi-border-left-bottom::after {
        content: '';
        position: absolute;
        bottom: -0.5px;
        left: 10%;
        width: 90%;
        height: 1px;
        background-color: #E2DFDF;
    }

    .semi-border-right-bottom {
        position: relative;
    }

    .semi-border-right-bottom::after {
        content: '';
        position: absolute;
        bottom: -0.5px;
        right: 5%;
        width: 95%;
        height: 1px;
        background-color: #bbbbbb;
    }

/*/ Text /*/
    .title_form {
        color: #0d6889 !important;
        text-transform: uppercase !important;
        font-size: 1.3rem !important;
        font-weight: 600 !important;
        padding-top: 0.45rem;
    }

    .subtitle_form {
        color: #464646 !important;
        text-transform: uppercase !important;
        font-size: 1.15rem !important;
        font-weight: 600 !important;
    }

    h3.legend-titles {
        color: #0D6889;
        font-size: 1.45rem;
        font-family: 'Barlow', sans-serif;
        font-weight: 900;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    h4.legend-titles {
        color: #0D6889;
        font-size: 18px;
        font-family: 'Barlow', sans-serif;
        font-weight: 900;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    h6.legend-titles {
        color: #0D6889 !important;
        font-family: 'Barlow', sans-serif;
        font-weight: 800;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    .legend-text {
        color: #0D6889;
        font-size: 12.5px;
        font-family: 'Barlow', sans-serif;
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }

    .ota-indications {
        font-weight: 500 !important;
    }

    .ota-description {
        font-weight: 500 !important;
        font-size: 0.88rem !important;
        color: #3f3f3f !important;

        padding-left: 0.75rem !important;
    }

    .room_switch_status {
        font-size: 0.9rem !important;

        display: block !important;
        margin-top: -3px !important;
    }

    .room_switch_status[data-status="available"] {
        color: #0D6889 !important;
        font-weight: 500 !important;
    }

    .room_switch_status[data-status="reserved"] {
        color: #1b742f !important;
        font-weight: 500 !important;
    }

    .room_switch_status[data-status="deactivated"] {
        color: #6D6D6D !important;
        font-weight: 500 !important;
    }

    .room-list {
        font-weight: 400 !important;
        font-size: 0.88rem !important;
        color: #0D6889 !important;
    }

    .empty-list-message {
        font-weight: 600 !important;
        font-size: 1.2rem !important;
        color: #595858 !important;
    }

    .ota-allotment-percentage {
        font-weight: 600 !important;
    }

    .harsi-color {
        color: #0D6889 !important;
    }

    .harsi-contrast-color {
        color: #5a5a5a !important;
    }

    .semi-bold {
        font-weight: 500 !important;
    }

    .info-icon {
        font-size: 1.2rem !important;
        color: #0D6889;
    }

/*/ Forms /*/
    label {
        font-weight: 600 !important;
        color: #0d6889 !important;
    }

    .error {
        /* color: #BB3030; */
        border-color: #BB3030 !important;
    }

    .clean-label {
        background-color: #FFF;
        font-weight: 600 !important;
        color: #0d6889 !important;
    }

    .disabled-fields {
        background-color: #d7d6c2ce !important;
        box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2.5px 0 rgba(0, 0, 0, 0.19) !important;

        font-weight: 500 !important;
        color: #0d6889 !important;

        cursor: not-allowed !important;
    }

    .disabled-select {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;

        background-color: #FFF !important;
        background: none !important;
    }

    .disabled-fields:hover {
        background-color: #d7d6c2c1 !important;
        cursor: pointer;
    }

    .disabled-fields:focus {
        background-color: #d7d6c2c1 !important;
        box-shadow: 0 0 0 0;
        outline: none;
    }

    .info-icon:focus,
    .info-icon:hover {
        color: #094f69 !important;
    }

    /* Switches */
    .disabled_switch {
        background-color: #ececec  !important;
    }

    input:checked+.disabled_switch {
        background-color: #ececec  !important;
    }

/*/ Spacers /*/
    .p-2_5 {
        padding: 0.7rem !important;
    }

    .pr-0_5 {
        padding-right: 0.1rem !important;
    }

    .pl-4_5 {
        padding-left: 2rem !important;
    }

    .pt-4_5 {
        padding-top: 2rem !important;
    }

    .limit-card-container {
        overflow-y: auto;
        overflow-x: auto;
        max-height: 36.5rem;

        border-radius: 0.5rem;
    }

    .w-10 { width: 10% !important;}
    .w-15 { width: 15% !important;}
    .w-20 { width: 20% !important;}
    .w-25 { width: 25% !important;}
    .w-33 { width: 33% !important;}
    .w-40 { width: 40% !important;}
    .w-58 { width: 58% !important;}
    .w-75 { width: 75% !important;}
    .w-80 { width: 80% !important;}
    .w-85 { width: 85% !important;}
    .w-90 { width: 90% !important;}

/*/ Decorator /*/
    .glass-background {
        background-color: rgba(205, 205, 205, 0.2);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(8px);
        transition: background-color 0.2s ease, backdrop-filter 0.2s ease;
        z-index: 10;
    }

    .pulse-animation {
        animation: pulseBounce 3s infinite;
    }

    @keyframes pulseBounce {
        0%, 100% {
            transform: scale(1);
            color: #0d6889bb;
        }
        25% {
            transform: scale(1.1) translateY(-1px);
            color: #0D6889; /* Amarillo suave */
        }
        50% {
            transform: scale(1);
            color: #0d6889bb;
        }
        75% {
            transform: scale(1.1) translateY(-1px);
            color: #0D6889;
        }
    }
