body {
    font-size: 12px;
    background-color: wheat;
}
.backgroundImg {
    width: 100vw;
    z-index: -5;
}
.title-container {
    position: absolute;
    top: 17vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 85vw;
    min-height: 78vh;
    background-color: whitesmoke;
    opacity: 99%;
    border-radius: 10px;
    padding: 5px;
}
/* Table Styles */
.tableStandard {
    margin:0 auto;
    width:100%;
}
.borderBottomStandard {
    border-bottom: solid;
    border-width: medium;
    border-color: burlywood;
}
.headerSchedStandard {
    font-size: 1.2vw;
    background-color: burlywood;
    color: black;
    padding: 3px;
}
.itemSchedStandard {
    font-size: 1.2vw;
    color: black;
    padding: 3px;
}
.tableBorder {
    border-collapse:collapse;
    border-style: solid;
    border-width: thin;
    border-color:burlywood;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


/* Title Styles */
.titleHeader {
    text-align: left;
    font-size: 2vw;
    color: black;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
}
.SubTitle01 {
    font-size: 1.6vw;
    color: black;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:10px;
}
.SubTitle02 {
    font-size: 1.2vw;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration:underline;
}

/* Image Styles */
.imgStandard {
    width: 2.4vw;
    padding: 2px;
}
.imgSmall {
    width: 1.8vw;
    padding: 2px;
}
.imgButton {
    cursor:pointer;
}

/* Label Styles */
.labelStandard {
    font-size:1.6vw;
    color: steelblue;
}
.valuelabelStandard {
    font-size: 1.4vw;
    color: darkslategray;
}
.label01 {
    font-size: 1.3vw;
    color: black;
}
.checkBoxStd {
    transform: scale(1.7); /* increase size */
    margin-right: 8px; /* adjust spacing */
}
.messageBox {
    padding: 10px;
    border-radius:10px;
    border-style:solid;
    border-width:thin;
    border-color: burlywood;
    font-size:1.2vw;
    text-align:left;

}
/* Button Styles */

.modalButtonYes, .modalButtonNo {
    width: 10vw;
    padding: 10px;
    font-size: 1.2vw;
    cursor: pointer;
    border-radius: 5px;
}

.modalButtonNo {
    background-color: orangered;
    color: black;
}
    .modalButtonNo:hover {
        background-color: wheat;
    }
.modalButtonYes {
    background-color: lightgreen;
    color: black;
}
    .modalButtonYes:hover {
        background-color: wheat;
    }

.buttonDisabled, .buttonStandard, .buttonLabel, .waitListButton {
    font-size: 1.4vw;
    background-color: lightseagreen;
    color: white;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    border-style: none;
    cursor: pointer;
    width: 100%;
}

.waitListButton {
    background-color: burlywood;
    cursor: pointer;
    color:black;
}
    .waitListButton:hover {
        background-color: wheat;
    }


.buttonLabel {
    background-color: ;
    border-style: solid;
    border-width: thin;
    border-color: lightseagreen;
    color: black;
    cursor: default;
}

    .buttonStandard:hover {
        background-color: wheat;
        color: black;
    }
.buttonDisabled {
    background-color: lightgray;
    color: white;
    cursor: default;
}

.buttonStandard {
    font-size:1.4vw;
    background-color: lightseagreen;
    color: white;
    padding: 8px;
    border-radius: 5px;
    text-align:center;
    border-style: none;
    cursor: pointer;
    width:100%;
}
    .buttonStandard:hover {
        background-color: wheat;
        color: black;
    }

.acceptButtonEnabled, .noAcceptButton, .acceptButtonDisabled {
    border-style: none;
    padding: 6px;
    cursor: pointer;
    width: 6vw;
}

.acceptButtonDisabled {
    background-color: lightgray;
    color: white;
}

    .acceptButtonEnabled {
        background-color: lightgreen;
    }
        .acceptButtonEnabled:hover {
            background-color: wheat;
        }
.noAcceptButton {
    background-color: orangered;
    color: white;
}

    .noAcceptButton:hover {
        background-color: wheat;
        color:black;
    }
.blurDiv {
    opacity: 0%;
}
.mp-button {
    background-color: #FFE600;
    color: black;
    font-family: sans-serif;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    padding: 12px 24px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}
    .mp-button:hover {
        background-color: #007bbd;
    }


/* Dropdown Styles*/
.selectStandard {
    font-size:1.2vw;
    width: 99%;
    padding: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Modal Window Styles */
.modalTitle {
    font-size: 1.9vw;
    color: steelblue;
}

.modalText {
    font-size: 1.2vw;
    color: darkslategray;
}
.modalWindow {
    position: absolute;
    top: 50%; /* push halfway down */
    left: 50%; /* push halfway across */
    transform: translate(-50%, -50%); /* pull back half width & height */
    width: 50vw;
    padding: 15px;
    border: thin solid lightgray;
    box-shadow: 2px 2px 2px lightgrey;
    background-color: whitesmoke;
    text-align: left;
    z-index: 3000;
}

.privacy-box {
    width: 48vw; 
    height: 70vh; 
    overflow-y: scroll; 
    overflow-x: hidden; 
    border: 1px solid #ccc;
    border-block-style: inset;
    padding: 10px;
    background-color: #f9f9f9;
    text-align: left;
    white-space: normal;
}
.Parrafo {
    font-size: 1vw;
}

#modalPrivacy {
    position: fixed; /* CLAVE: ignora el scroll */
    top: 50%; /* centro vertical */
    left: 50%; /* centro horizontal */
    transform: translate(-50%, -50%);
    z-index: 4000;
    width: 50vw;
    max-height: 80vh; /* para pantallas pequeñas */
    overflow-y: auto;
    padding: 15px;
    border: thin solid lightgray;
    box-shadow: 0 4px 15px lightgrey;
    background-color: whitesmoke;
    text-align: left;
}