/* import global variables */
@import "style-global.css";


.bold-text {
    font-weight: bold;
}
.top_box{    
    display:flex;
    flex-direction:row-reverse;
    width: 100%;
    height: calc(6 * var(--global-margin)) !important;
    transition: transform 0.3s ease-in-out;
    z-index:11;
}

/* Main container for espacos page */
.espacos-main-container {
    position: relative;
    width: 100% - calc(1 * var(--global-margin)) !important;
    height: calc(100vh - (1  * var(--global-margin))); /* Full height of the viewport */
    display: flex;
    flex-direction: column;
    padding-left: calc(1*var(--global-margin)) !important;
    padding-top: calc(7*var(--menu-margin)) !important;
    padding-bottom: calc(0*var(--global-margin)) !important;
    background-color: transparent;
}

div.top_box { /* container com a margem superior de todas as páginas ; na progrmação, inclui os filtros */
height: calc(6 * var(--global-margin)) !important;
width: 100%;
}

.image_container {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/coworking.jpg');
    background-size: cover;
    margin-right: calc(1 * var(--global-margin)) !important;
    height: 100%; /* Full height of container */
    display: flex;
    flex-direction: column;
}
.half_container_espacos {
    position: relative;
    width: 100%;
    height:50%;
    display: flex; /* Enable flex properties if needed */
    transition: transform 0.3s ease-in-out;
    padding-left:  calc(2 * var(--global-margin));
    padding-right: calc(0 * var(--global-margin));
    padding-top: calc(0 * var(--global-margin));
    padding-bottom: calc(2 * var(--global-margin));
    /background-color:blue;/
    vertical-align: top; /* here */    
}

/* Override top_half flex-direction for espacos page to display buttons inline */
.half_container_espacos.top_half {
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start;
    padding-top: calc(0 * var(--global-margin));
    padding-right: calc(0 * var(--global-margin)) !important;
}
.button_workspaces{
    align-content:center;
    cursor: pointer; /* Indicate clickability */
    position: relative;
    text-align: left;
    line-height: 1;
    color: #ffffff; /* Set text color to white */
    border-color:white;
    padding-left:  calc(2 * var(--global-margin));
    padding-right: calc(0 * var(--global-margin));
    padding-top: calc(0 * var(--global-margin));
    padding-bottom: calc(0 * var(--global-margin));
    border: 1.5px white dotted !important;
    width: 33%;
    height:25%;
    margin-top: calc(2 * var(--global-margin));
    margin-bottom: calc(2 * var(--global-margin));
    margin-right: calc(2 * var(--global-margin));
    margin-left: calc(0 * var(--global-margin));
/*    margin-right: 10px;*/
    font-size:2vw;
    font-weight: 400;
    transition: transform 0.3s ease-in-out;
}
.button_workspaces:link,
.button_workspaces:visited,
.button_workspaces:hover,
.button_workspaces:active{
    color: #ffffff !important;
    text-decoration: none !important;
}
.button_workspaces:hover {
    transform: scale(0.97);
}

.bottom_half{
    /background-color:blue;/
    align-items: left;
    font-size: 6vw;
    color: white;
    float: left;
    font-weight: 500;
    line-height: 0.9;
    display: flex;
    justify-content: left;
    text-align: left !important;
    align-items: flex-end !important;
    height: 50%
}

/* Hide footer and prevent scrolling on espacos page */
body.espacos-page .book-footer {
    display: none !important;
}

body.espacos-page {
    overflow: hidden;
    height: 100vh;
}

body.espacos-page .book-page {
    overflow: hidden;
    height: 100vh;
}