@tailwind base;@tailwind components;@tailwind utilities;html,body{height:100vh;max-width:96.5vw}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-snap-type:y mandatory;overflow-x:hidden}.vertical-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-container{margin-left:3.5vw}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;overflow-x:visible;min-height:100vh;max-width:96.5vw}@media(max-width:720px){.scroll-container{margin:0;width:100vw}.snap-section{max-width:100vw}}.map-background{position:fixed;top:0;left:0;width:96.5vw;height:100vh;z-index:-1}.barrio-regular{font-family:Barrio,system-ui;font-weight:400;font-style:normal}.barriecito-regular{font-family:Barriecito,system-ui;font-weight:400;font-style:normal}.kirang-haerang-regular{font-family:Kirang Haerang,system-ui;font-weight:400;font-style:normal}@media(max-width:720px){.carousel-wrapper{max-width:100%!important;width:100%!important}}:root{--primary: #8c3503;--secondary: #6b6a6a;--background: #ffffff;--background-d1: #E6E6E6;--background-d2: #b6b6b6;--border-radius: 12px;--accent: #F7901E;--font-size-highlight: 40px;--font-size-highlight-smaller: 22px;--font-size-title: 25px;--font-size-subtitle: 20px;--font-size-header: 18px;--font-size--legend-subtitle: 16px;--font-size--legend-subheader: 12px;--font-size-subheader: 14px;--font-size-body: 12px}.leftPanel{border:1px solid var(--secondary);overflow:scroll}.leftPanel *{pointer-events:auto}.leftPanel__selector{pointer-events:auto;width:100%;margin-bottom:1rem}.leftPanel__selector button{cursor:pointer;pointer-events:auto;width:50%;border:1px solid var(--primary);border-radius:.5rem;height:2rem;color:#000}.leftPanel__selector button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.leftPanel__selector button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.leftPanel__selector button.active{background-color:var(--primary);color:#fff}@media screen and (max-width:719px){.leftPanel__selector button{height:1.5rem;font-size:var(--font-size-subheader)}}.leftPanel__secondary{pointer-events:auto}.leftPanel__secondary>div{right:6.5%;width:250px;border:1px solid var(--secondary);border-radius:var(--border-radius)!important}.leftPanel__secondary .MuiAccordionSummary-content{margin:0!important}.leftPanel__secondary .MuiCheckbox-root{padding-bottom:4px;padding-top:4px}.leftPanel__secondary .MuiButtonBase-root{min-height:40px!important}.leftPanel__secondaryLine{border-top:2px solid var(--secondary)}.leftPanel__title{font-size:var(--font-size-title);font-weight:700;color:var(--primary);text-align:left;text-transform:uppercase;border-bottom:2px solid var(--secondary);margin-bottom:1rem}.leftPanel__subtitle{font-size:var(--font-size-subtitle);font-weight:700;color:var(--primary);text-align:left;text-transform:uppercase;margin-bottom:1rem;margin-top:-1rem}.leftPanel__sectionButtons{display:flex;flex-direction:column;gap:.5rem;color:var(--secondary)}.leftPanel__sectionButton{cursor:pointer}.leftPanel__sectionButton .MuiButtonBase-root{min-height:auto!important}.leftPanel__sectionButton .MuiAccordionSummary-content{margin:0!important;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:center;width:auto;height:auto;border-radius:calc(var(--border-radius) / 2);padding:4px 30px;gap:30px;font-size:var(--font-size-subtitle)}.leftPanel__sectionButton svg{font-size:1.5rem}.leftPanel__timeButtons{width:100%}.leftPanel__timeButtons button{color:var(--secondary);width:50%;background:transparent;border:1px solid;cursor:pointer}.leftPanel__sectionDetail{color:var(--secondary);display:flex;flex-direction:column;gap:1rem;position:absolute;top:128px;left:170px;border:2px solid #4D4D4D;border-radius:var(--border-radius);width:300px;background-color:var(--background);padding:1rem}.leftPanel__mapSelect{width:100%;padding:.5rem 1rem}.leftPanel__mapSelect>div{padding:0!important}.leftPanel__tooltip{position:absolute;width:60dvw;height:auto;z-index:1000;border-radius:var(--border-radius);background:#fffffff2;padding:1rem;top:100px;left:400px;transition:.2s opacity ease}.leftPanel__tooltip--hidden{display:none}.leftPanel__tooltip__Title{text-align:left;font-size:40px;font-weight:700;margin-bottom:1rem}.leftPanel__tooltip__Subtitle{text-align:left;font-size:32px;font-weight:700;margin-bottom:1rem}.leftPanel__tooltip__Description{font-size:20px;margin-bottom:1rem}.leftPanel__description{margin-top:auto;margin-bottom:auto;font-size:var(--font-size-header);color:var(--secondary)}.leftPanel__description div{font-weight:700;margin-top:10px}.leftPanel__description p{margin-top:4px;margin-bottom:1rem}.leftPanel .leftPanel__layerInfo{margin-top:1rem;padding:1rem;border-radius:var(--border-radius)}.leftPanel .leftPanel__layerInfoTitle{text-align:center;font-size:var(--font-size-subtitle);font-weight:700;color:var(--background);margin-bottom:1rem}@media(max-width:720px){.leftPanel .leftPanel__layerInfoTitle{display:none}}.leftPanel .leftPanel__layerInfo--active{position:absolute;top:50%;transform:translateY(-50%);left:123vw;width:80%;z-index:20}.leftPanel .leftPanel__graph{border-radius:var(--border-radius);background-color:var(--background);padding:1rem;height:fit-content;max-height:200px}.leftPanel .leftPanel__graphTitle{font-size:var(--font-size-subtitle);text-align:left;font-weight:700}.leftPanel .leftPanel__graphSource{font-size:var(--font-size-subheader);color:var(--secondary);text-align:left;height:20%}.info-block{margin-bottom:15px}.info-block__title{padding:.5rem 2rem;font-size:1rem;background-color:#4d4d4d;color:#fff;border-radius:1rem;margin-bottom:1rem;font-weight:700;position:relative}.info-block__tooltip{position:absolute;top:50%;transform:translateY(-50%);right:1rem;height:2rem}.info-block .year-info{margin-top:5px}.info-block .year-info .year-header,.info-block .year-info .year-values{display:flex;justify-content:space-between;font-size:14px;color:#333;gap:1rem}.info-block .year-info .year-header>span,.info-block .year-info .year-values>span{width:-webkit-fill-available;padding:.5rem;border-radius:1rem;font-weight:700}.info-block .year-info .year-values-name{display:flex;justify-content:space-between;font-size:14px;color:#333;gap:1rem}.info-block .year-info .year-values-name>span{width:-webkit-fill-available;padding:.5rem;border-radius:1rem;font-size:14px;font-weight:700}.info-block .year-info .year-values{margin-top:1rem}.info-block .year-info .year-values>span{font-size:1rem;background-color:#fffc}.info-block .year-info.sidebarSummary{display:flex;flex-wrap:wrap;gap:1rem}.info-block .year-info .summaryCard{border-radius:1rem;background-color:#fffc;padding:.5rem;width:calc(50% - 1.5rem);display:flex;flex-direction:column;text-align:center}.info-block .year-info .summaryCard__title{font-size:var(--font-size-header)}@media(max-width:720px){.info-block .year-info .summaryCard__title{font-size:var(--font-size-subheader)}}.info-block .year-info .summaryCard__value-name{display:flex;width:100%;justify-content:center;align-items:center;gap:.25rem;font-size:var(--font-size-highlight-smaller);font-weight:700;margin-top:auto;margin-bottom:auto}.info-block .year-info .summaryCard__value-name svg{font-size:var(--font-size-highlight-smaller)}.info-block .year-info .summaryCard__value{display:flex;width:100%;justify-content:center;align-items:center;gap:.25rem;font-size:var(--font-size-highlight);font-weight:700;margin-top:auto;margin-bottom:auto}@media(max-width:720px){.info-block .year-info .summaryCard__value{font-size:var(--font-size-highlight-smaller)}}.info-block .year-info .summaryCard__value svg{font-size:var(--font-size-highlight)}.info-block .year-info .year-header>span{padding:4px;background-color:#fffc;font-size:.75rem}.futuroSociedadPanel{height:100%;overflow:scroll;display:flex;flex-direction:column;align-items:center}.futuroSociedadPanel__quote{max-height:120px;overflow:hidden;position:relative}.futuroSociedadPanel__quote:after{content:"";position:absolute;bottom:0;right:0;height:1.5em;width:100%;background:linear-gradient(to bottom,transparent,white)}.mobilePanel{pointer-events:auto;position:relative;width:89vw;top:2.22rem;background:var(--background);left:50%;transform:translate(-50%);border:1px solid gray;border-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0;border-top:none;gap:.5rem;text-align:center}.mobilePanel__control{width:-webkit-fill-available;padding:1rem!important}.mobilePanel__button{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--primary);border-radius:var(--border-radius)}.legend{pointer-events:all}.legend__title{font-size:var(--font-size--legend-subtitle);font-weight:700;margin:0 0 .5rem;color:var(--primary);width:100%;text-align:left;border-bottom:2px solid var(--secondary)}.legend__title_subtitle{font-size:var(--font-size--legend-subtitle);font-weight:700;margin:0 0 .5rem;color:var(--primary);width:100%;text-align:left}.legend__footnote,.legend__subtitle{font-size:var(--font-size--legend-subheader);font-weight:700;margin:0 0 .5rem;color:var(--primary);width:100%;text-align:left}.legend-container{margin-bottom:2rem;margin-right:6.5vw;width:calc(250px - 2rem);padding:1rem;border:1px solid var(--secondary);pointer-events:auto;right:6.5%;bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background);border-radius:var(--border-radius);overflow:hidden;height:fit-content}.legend-container-heat{width:calc(350px - 2rem);padding:1rem;border:1px solid var(--secondary);pointer-events:auto;position:absolute;right:6.5%;bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-self:end;background-color:var(--background);border-radius:var(--border-radius);overflow:hidden}.legend-item{display:flex;position:relative;align-items:center;margin:4px 0;width:100%}.legend-item-heat{display:flex;flex-direction:row;align-items:center;gap:.5rem}.legend-body-heat{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;gap:.5rem}.legend-text{font-size:var(--font-size--legend-subtitle);flex:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-text-heat{font-size:var(--font-size-subheader);flex:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-body{display:flex;width:100%;justify-content:flex-start}.colorBox{width:20px;height:20px;margin-right:8px;border:1px solid rgba(0,0,0,.2235294118)}.colorBoxHeat{width:20px;height:20px;border:1px solid rgba(0,0,0,.2235294118)}.legend-labels{display:flex;flex-direction:column;justify-content:space-between;height:120px}@media screen and (max-width:719px){.legend__title{display:none}.legend__subtitle{font-size:var(--font-size-subheader);text-align:center}.legend-text{font-size:var(--font-size-body)}.legend-container{top:11rem;left:50%;width:50vw;bottom:initial;right:initial;transform:translate(-50%);border:none;height:0;padding:0}.legend-container--active{border:1px solid var(--secondary);border-top-left-radius:0;border-top-right-radius:0;border-top:none;padding:1rem;height:auto;position:absolute}.legend-item{height:10px}}.dot-nav{position:fixed;top:0;left:0;width:3.5vw;height:100vh;background:#ebe2d5;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:20vh;z-index:1000}.dot-nav__group{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:3vh;gap:48px}.dot-nav__group:before{content:"";position:absolute;top:12px;bottom:12px;left:50%;transform:translate(-50%);width:2px;background:#8c3503;z-index:1}.dot-nav__dot{position:relative;z-index:2;width:24px;height:24px;border:2px solid #8c3503;border-radius:50%;background:#ebe2d5;transition:transform .2s}.dot-nav__dot:hover{transform:scale(1.2)}.dot-nav__dot--active:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:60%;transform:translate(-50%,-50%);background:#8c3503;border:2px solid #EBE2D5;border-radius:50%;z-index:3}.dot-nav--mobile{width:100vw;height:2.2rem;padding:0}.dot-nav--mobile .dot-nav__group{flex-direction:row;margin:.25rem}.dot-nav--mobile .dot-nav__group:before{width:100%}.futuroSociedad{display:flex;flex-direction:column}.futuroSociedad--mobile{padding:.5rem;margin:5vw;border:1px solid var(--secondary);background-color:#fff;max-height:75vh;border-radius:var(--border-radius);transform:translateY(8%)}.futuroSociedad__select{width:50%;align-self:center;font-size:var(--font-size-header);margin-bottom:.5rem}.futuroSociedad__tab{width:auto;border-color:var(--primary);justify-content:center;align-items:center;padding:1rem 0}.futuroSociedad__tab button{min-width:100px!important;border-color:var(--primary);background-color:var(--background-d1);color:#000}.futuroSociedad__tab button.active{color:#fff;background-color:var(--primary)}.futuroModal{display:flex;border:1px solid var(--secondary);flex-direction:column}.futuroModal--mobile{padding:.5rem;margin:5vw;border:1px solid var(--secondary);background-color:#fff;max-height:75vh;border-radius:var(--border-radius);transform:translateY(8%)}.futuroModal__select{width:50%;align-self:center;font-size:var(--font-size-header);margin-bottom:.5rem}.futuroModal__tab{width:100%;border-color:var(--primary);justify-content:center;align-items:center;padding:1rem 0;margin-top:-2vh}.futuroModal__tab button{cursor:pointer;pointer-events:auto;width:50%;border:1px solid var(--primary);border-radius:1rem;height:4rem;color:#000;font-size:medium;font-weight:700}.futuroModal__tab button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.futuroModal__tab button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.futuroModal__tab button.active{background-color:var(--primary);color:#fff}.visorWrapper__altPanel{z-index:20;pointer-events:all;position:absolute;top:0;width:fit-content;height:100vh;background-color:#fff;justify-self:right}.visorWrapper__altPanel--mobile{height:auto;top:unset;top:50%;transform:translateY(-50%);background-color:transparent}