/* clima.css */




.bold {
font-weight: 600;
height: 20px;
}

.small {
font-size: 12px;
}

.dark .clima-table-day {
color: rgb(239, 240, 240);
}

.clima {
/* width: 110px; */
text-align: center;
padding: 0px;
}

.clima-obs-top {
width: 75%;
min-height: 234px !important;
box-shadow: 0.3em 0.3em 0.3em #8a8a8a;
border-style: solid;
border-width: thin;
border-color: #D7D7D7;
border-radius: 15px;
margin-bottom: 0.7em;
}

.clima-table-background {
    display: flex;
    width: 80%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10vh;
    margin-top: 5vh;
    box-shadow: 0.3em 0.3em 0.3em #8a8a8a;
    border-radius: 15px;
}

.clima-table-day {
width: 100%;
font-size: 14px;
font-weight: 400;
color: rgb(44, 45, 45);
margin-bottom: auto;
border-collapse: collapse;
border-radius: 15px;
overflow: hidden;
}

td, .clima {
padding: 0px;
min-width: 50px;
}

.clima-info {
font-size: 14px
}

.clima-table-header {
text-align: center;
min-width: 50px;
background-color: darkgray;
}

.clima-table-header-bottom {
text-align: center;
min-width: 50px;
/* background-color: darkgray; */
border-bottom-style: solid;
border-bottom-color: lightgray;
border-bottom-width: 1px;
}