.cmp-forecast{padding:48px 0}
.cmp-forecast__weather-header{display:flex;flex-direction:row;align-items:center;gap:12px}
.cmp-forecast__weather-header__today,.cmp-forecast__weather-header__tomorrow,.cmp-forecast__weather-header__after{display:flex;flex-direction:row;align-items:center;padding:12px 16px;justify-content:space-between;gap:32px;cursor:pointer}
.cmp-forecast__weather-header__today .text,.cmp-forecast__weather-header__tomorrow .text,.cmp-forecast__weather-header__after .text{display:flex;flex-direction:column;gap:4px}
.cmp-forecast__weather-header__today img,.cmp-forecast__weather-header__tomorrow img,.cmp-forecast__weather-header__after img{width:32px;height:32px}
@media(max-width:1024px){.cmp-forecast__weather-header__today img,.cmp-forecast__weather-header__tomorrow img,.cmp-forecast__weather-header__after img{display:none}
}
.cmp-forecast__weather-header__today.underline,.cmp-forecast__weather-header__tomorrow.underline,.cmp-forecast__weather-header__after.underline{border-bottom:2px solid var(--primary-primary-500);background-color:var(--primary-primary-100);margin-top:2px}
.cmp-forecast__weather-header__today.underline .text .texto,.cmp-forecast__weather-header__tomorrow.underline .text .texto,.cmp-forecast__weather-header__after.underline .text .texto{font-weight:bold}
.cmp-forecast__weather-map{border-top:1px solid var(--Greyscale-Grey-400,#787878);padding:24px 0;display:flex;gap:36px}
.cmp-forecast__weather-map picture img.map{width:534px;height:486px;object-fit:cover;aspect-ratio:1.77777778}
.cmp-forecast__weather-map picture img.icon{display:none}
.cmp-forecast__weather-map-temperatures{display:flex;flex-direction:column;gap:24px}
.cmp-forecast__weather-map-temperatures .temperature-header{border-bottom:var(--4,4px) solid var(--Text-Dark,#232323);padding-bottom:3px}
.cmp-forecast__weather-map-temperatures .temperature-header span{padding:8px;background-color:var(--Text-Dark);border-radius:8px 8px 0 0;color:var(--Neutral-White)}
.cmp-forecast__weather-map-temperatures .temperature-wrapper{padding:12px 12px 0;border:1px solid var(--Greyscale-400,#787878)}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .texts{display:flex;flex-direction:row;justify-content:flex-end;gap:12px}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .texts span{padding:4px 8px;background:var(--Greyscale-100)}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .citys{display:flex;flex-direction:row;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #e6e6e6}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .citys:last-child{border-bottom:0}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .citys .temperatures{display:flex;gap:36px;padding-right:4px}
.cmp-forecast__tendencies{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:31px}
.cmp-forecast__tendencies.wrap{flex-wrap:wrap}
.cmp-forecast__tendencies-card{display:flex;flex-direction:column;border-radius:8px 8px 0 0;border:1px solid var(--Secondary-Black,#0c0c0c);max-width:187px;width:100%}
.cmp-forecast__tendencies-header{border-radius:8px 8px 0 0;background:var(--primary-primary-500);box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);padding:8px 12px;display:flex;flex-direction:row;justify-content:center}
.cmp-forecast__tendencies-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:12px;justify-content:space-between}
.cmp-forecast__tendencies-wrapper img{width:40px;height:40px}
.cmp-forecast__sea-map{gap:24px;justify-content:space-between}
.cmp-forecast__sea-map.column{flex-direction:column}
.cmp-forecast__sea-map-wrapper{display:flex;flex-direction:row;gap:24px}
.cmp-forecast__sea-map-wrapper picture img.map{width:396px;height:207px}
.cmp-forecast__sea-map-temperatures{display:flex;flex-direction:column;gap:20px}
.cmp-forecast__sea-map-temperatures .sea{display:flex;gap:24px}
.cmp-forecast__sea-map-temperatures .sea-card{display:flex;flex-direction:column;flex:1 0 0;gap:4px;width:184px}
.cmp-forecast__sea-map-temperatures .sea-card .header{border-bottom:1px solid var(--Greyscale-200,#d8d8d8);background:#f5f5f5;padding:4px;display:flex;gap:4px}
.cmp-forecast__sea-map-temperatures .sea-card .header .icono{font-size:18px}
.cmp-forecast__sea-map-temperatures .sea-card .morning,.cmp-forecast__sea-map-temperatures .sea-card .afternoon{padding:0 8px}
.cmp-forecast__sea-map-temperatures .earth{display:flex;gap:24px}
.cmp-forecast__sea-map-temperatures .earth .morning,.cmp-forecast__sea-map-temperatures .earth .afternoon{padding:0 8px}
@media(max-width:1024px){.cmp-forecast{padding:36px 0}
.cmp-forecast__weather-header{gap:0;justify-content:space-between}
.cmp-forecast__weather-header__today,.cmp-forecast__weather-header__tomorrow,.cmp-forecast__weather-header__after{padding:8px 12px;gap:8px}
.cmp-forecast__weather-header__today .text,.cmp-forecast__weather-header__tomorrow .text,.cmp-forecast__weather-header__after .text{display:flex;flex-direction:column;gap:4px}
.cmp-forecast__weather-header__today img,.cmp-forecast__weather-header__tomorrow img,.cmp-forecast__weather-header__after img{display:none}
.cmp-forecast__weather-map{padding:24px 0;display:flex;flex-direction:column;gap:24px}
.cmp-forecast__weather-map picture{max-width:unset;display:block;height:208px}
.cmp-forecast__weather-map picture img.map{width:100%;height:100%;aspect-ratio:auto}
.cmp-forecast__weather-map picture img.icon{display:none}
.cmp-forecast__weather-map-temperatures{display:flex;flex-direction:column;gap:24px}
.cmp-forecast__weather-map-temperatures .temperature-header{border-bottom:var(--4,4px) solid var(--Text-Dark,#232323);padding-bottom:3px}
.cmp-forecast__weather-map-temperatures .temperature-header span{padding:8px;background-color:var(--Text-Dark);border-radius:8px 8px 0 0;color:var(--Neutral-White)}
.cmp-forecast__weather-map-temperatures .temperature-wrapper{padding:12px 12px 0;border:1px solid var(--Greyscale-400,#787878)}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .texts{display:flex;flex-direction:row;justify-content:flex-end;gap:12px}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .texts span{padding:4px 8px;background:var(--Greyscale-100)}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .citys{display:flex;flex-direction:row;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #e6e6e6}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .citys:last-child{border-bottom:0}
.cmp-forecast__weather-map-temperatures .temperature-wrapper .citys .temperatures{display:flex;gap:32px;padding-right:4px}
.cmp-forecast__tendencies{display:flex;flex-direction:row;gap:24px}
.cmp-forecast__tendencies-card{display:flex;flex-direction:column;border-radius:8px 8px 0 0;border:1px solid var(--Secondary-Black,#0c0c0c);width:auto}
.cmp-forecast__tendencies-header{border-radius:8px 8px 0 0;background:var(--primary-primary-500);box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);padding:8px 12px}
.cmp-forecast__tendencies-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;padding:8px 0;justify-content:space-between;gap:unset}
.cmp-forecast__tendencies-wrapper img{width:40px;height:40px}
.cmp-forecast__sea-map{gap:24px;justify-content:space-between;flex-direction:row}
.cmp-forecast__sea-map-wrapper{display:flex;flex-direction:column;gap:24px}
.cmp-forecast__sea-map-wrapper picture{height:unset}
.cmp-forecast__sea-map-wrapper picture img.map{width:100%;height:100%}
.cmp-forecast__sea-map-temperatures{display:flex;flex-direction:row;gap:20px}
.cmp-forecast__sea-map-temperatures .sea{display:flex;gap:24px;flex-direction:column}
.cmp-forecast__sea-map-temperatures .sea-card{display:flex;flex-direction:column;flex:1 0 0;gap:4px;width:184px}
.cmp-forecast__sea-map-temperatures .sea-card .header{border-bottom:1px solid var(--Greyscale-200,#d8d8d8);background:#f5f5f5;padding:4px;display:flex;gap:4px}
.cmp-forecast__sea-map-temperatures .sea-card .header .icono{font-size:18px}
.cmp-forecast__sea-map-temperatures .earth{display:flex;gap:24px;flex-direction:column}
}
@media(max-width:768px){.cmp-forecast__tendencies{display:flex;flex-direction:column;gap:24px}
.cmp-forecast__tendencies-card{display:flex;flex-direction:row;border-radius:8px 0 0 8px;border:1px solid var(--Secondary-Black,#0c0c0c);width:100%;max-width:unset}
.cmp-forecast__tendencies-header{border-radius:8px 0 0 8px;background:var(--primary-primary-500);box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);padding:8px 12px;width:85px;display:flex;flex-direction:row;align-items:center}
.cmp-forecast__tendencies-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:8px 16px;justify-content:space-between;width:100%}
.cmp-forecast__tendencies-wrapper img{width:32px;height:32px}
.cmp-forecast__sea-map{gap:24px;justify-content:space-between;flex-direction:column}
.cmp-forecast__sea-map-wrapper{display:flex;flex-direction:column;gap:12px}
.cmp-forecast__sea-map-wrapper picture{height:unset}
.cmp-forecast__sea-map-wrapper picture img.map{width:100%;height:100%}
.cmp-forecast__sea-map-temperatures{display:flex;flex-direction:row;gap:24px}
.cmp-forecast__sea-map-temperatures .sea{display:flex;gap:24px;flex-direction:column;flex:1 0 0}
.cmp-forecast__sea-map-temperatures .sea-card{display:flex;flex-direction:column;flex:1 0 0;gap:4px;width:100%}
.cmp-forecast__sea-map-temperatures .sea-card .header{border-bottom:1px solid var(--Greyscale-200,#d8d8d8);background:#f5f5f5;padding:4px;display:flex;gap:4px}
.cmp-forecast__sea-map-temperatures .sea-card .header .icono{font-size:18px}
.cmp-forecast__sea-map-temperatures .earth{display:flex;gap:24px;flex-direction:column;flex:1 0 0}
}
.grid-detail-48-360 .cmp-forecast__weather-map picture img.map{width:361px;height:327px}
@media(max-width:1024px){.grid-detail-48-360 .cmp-forecast__weather-map picture img.map{width:100%;height:100%;aspect-ratio:auto}
}
.cmp-columns .cmp-forecast__weather-header{flex-wrap:wrap}
.cmp-columns .cmp-forecast__weather-map{flex-direction:column}
.cmp-columns .cmp-forecast__weather-map picture img.map{width:100%;height:auto}
.cmp-columns .col-6 .cmp-forecast__weather-header{gap:0;justify-content:space-between}
.cmp-columns .col-6 .cmp-forecast__weather-header .cmp-forecast__weather-header__click{gap:28px}
@media(min-width:768px){.grid-detail-48-360 .cmp-forecast__tendencies-card,.cmp-columns .cmp-forecast__tendencies-card{max-width:85px}
.grid-detail-48-360 .cmp-forecast__tendencies-wrapper,.cmp-columns .cmp-forecast__tendencies-wrapper{flex-direction:column;gap:11px}
.cmp-columns .cmp-forecast__tendencies{gap:20px}
}
@media(min-width:768px){.grid-detail-48-360 .cmp-forecast__sea-map{flex-direction:row}
.grid-detail-48-360 .cmp-forecast__sea-map-wrapper{flex-direction:column}
.grid-detail-48-360 .cmp-forecast__sea-map picture img.map{width:100%;height:auto}
.grid-detail-48-360 .cmp-forecast__sea-map-wrapper,.grid-detail-48-360 .cmp-forecast__sea-map-temperatures{width:50%}
.cmp-columns .cmp-forecast__sea-map-wrapper>div,.cmp-columns .cmp-forecast__sea-map-wrapper>picture{flex:1}
.grid-detail-48-360 .cmp-forecast__sea-map-temperatures,.cmp-columns .cmp-forecast__sea-map-temperatures{flex-direction:row}
.grid-detail-48-360 .cmp-forecast__sea-map-temperatures .sea,.grid-detail-48-360 .cmp-forecast__sea-map-temperatures .earth,.cmp-columns .cmp-forecast__sea-map-temperatures .sea,.cmp-columns .cmp-forecast__sea-map-temperatures .earth{flex-direction:column;flex:1}
.grid-detail-48-360 .cmp-forecast__sea-map-temperatures .sea-card,.cmp-columns .cmp-forecast__sea-map-temperatures .sea-card{width:100%}
}