/*********[ General ]**********/
* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
body {
    background-image: var(--landscape-bg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.content-back {
    /* background-image: var(--landscape-bg); */
    /* background-size: cover; */
    height: 100%;
}
/* .content-cintillo {
    background-image: var(--cintillo-bg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    height: 100%;
    overflow: overlay;
} */
@media (max-height: 414px) and (orientation: landscape) {
    /* .content-cintillo, .content-back {
        background-attachment: fixed;
    } */
    .content-back {
        height: 90vh;
    }
}
@media (max-width: 554px) and (orientation: portrait) {
    body {
        background-image: var(--portrait-bg);
    }
}

/*********[ content-login ]**********/
.content-login {
    display: grid;
    place-items: center;
    height: 100%;
}
.card-login {
    width: 30rem;
    box-shadow: 0px 4px 24px 0px rgba(219, 207, 152, 44%) !important;
    border: 0.1px solid rgba(219, 207, 152, 69%) !important;
}
@media (max-width: 554px) and (orientation: portrait) {
    .card-login {
        width: 90%;
    }
    /* .content-cintillo {
        background-size: 200%;
    } */
}

/*********[ content-checkin ]**********/
.content-card-checkin {
    display: grid;
    place-items: center;
    /* padding-top: 5rem; */
}
#content-card {
    width: 26rem;
}
.card-content {
    padding: 0 2.3rem 1.5rem 2.3rem !important;
}
.datos > div {
    margin-bottom: 3px;
}
.datos > div:last-child {
    margin-bottom: 0px;
}
h6 {
    color: rgb(113 113 135) !important;
    padding-bottom: 2px;
}
h3 {
    border-radius: 3px;
    padding: 2px;
    color: rgb(94 88 115) !important;
    padding-bottom: 2px;
}
.p-04 {
  padding: 0.4rem;
}
.text-larger {
    font-size: 113%;
}
.bg-rojo-intenso {
    background-color: rgba(218, 59, 59, 0.822);
    color: #e3efe5 !important;
}
.bg-verde-claro {
    background-color: rgb(69 155 82 / 79%);
        color: rgb(240 250 253) !important;
}
.bg-rojo-claro {
    color: #fdfefd !important;
}
@media (max-width: 554px) and (orientation: portrait) {
    #content-card {
        width: 90%;
    }
}