diff --git a/css/styles.css b/css/styles.css index d6c23a2..a6139ef 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1 @@ -/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 2.5rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}*{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,sans-serif;line-height:1.5;box-sizing:border-box}svg{max-width:1200px;display:block;margin:0 auto}.bold{font-family:Georgia,serif;font-weight:700}.montserrat{font-family:Montserrat,sans-serif}.georgia{font-family:Georgia,serif}.system-font{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,sans-serif}.monospace{font-family:SFMono-Regular,Consolas,Menlo,Courier,monospace}.color-title-max{color:#07043c}.color-title-min{color:#f1f1f1}.wrapper-footer,.wrapper-vw{width:90vw;margin:0 auto}.subtitle{font-family:Montserrat,sans-serif;color:#072a12;font-weight:700;font-size:1.5rem;margin:.31rem auto;text-align:left}.subtitle:before{content:"";display:block;border-bottom:5px solid #e34f6f;width:1em}.texto{font-size:1.13rem;color:#111;font-family:Georgia,serif}.heladas,.tropicales{position:relative;text-align:center}.heladas .wrapper-vw,.tropicales .wrapper-vw{margin-bottom:0}.chart-container{max-width:1200px;margin:0 auto}.tropicales-text{text-align:left}.tropicales-text.wrapper-vw{margin-top:0}.chart-lluvias-recogida .line{stroke:blue;stroke-width:2px}.lluvias-mes-media-chart-graph .bar{fill:#82ceea}.lluvias-por-mes-select{border-radius:5px;padding:.63rem;border:1px solid #ddd;max-width:10rem;background-color:#f1f1f1;margin:1.56rem 0}.lluvias-por-mes-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none;border:0!important;width:100%;background-color:transparent;height:100%;background-image:url(../img/select-arrow.svg);background-repeat:no-repeat;background-size:20px;background-position:95%}.lluvias-por-mes-chart-container{position:relative}.tooltip-lluvia-mes-container{position:absolute;border-top-right-radius:5px;border-bottom-right-radius:5px;padding:.31rem .94rem;border-left:5px solid #34009c;background-color:#f3f3f3;box-shadow:0 3px 4px rgba(0,0,0,.2);top:25%;left:50%;transform:translate(-50%,-50%)}.tooltip-lluvia-mes{font-size:1rem;color:#34009c}.tooltip-lluvia-mes-total{font-weight:700}.data-viz{width:100%;padding:2.5rem 0;font-size:0;background-color:#f4f4f4}.data-viz-container{max-width:90vw;margin:0 auto;text-align:center}.data-viz-title{font-size:1.5rem;font-family:Montserrat,sans-serif;font-weight:700;text-align:center}.data-viz-element{width:90%;display:inline-block;text-decoration:none;vertical-align:top}.data-viz-subtitle{font-size:1rem;font-weight:700;font-family:Montserrat,sans-serif;color:#111;margin:.25rem 0;text-align:left}.data-viz-element-img{width:100%;max-width:100%;object-fit:cover}.data-viz-element-txt{font-size:1rem;font-family:Georgia,serif;line-height:1.3;text-align:left;margin-top:.25rem;color:#111}.tick text{font-family:Roboto Condensed,sans-serif!important;font-size:.88rem!important}.tooltip-tropical-container{width:10rem;border-radius:2px;background-color:rgba(53,10,79,.8);position:absolute;z-index:2;padding:.5rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.31),0 2px 4px 0 rgba(50,50,58,.2)}.tooltip-tropical-container .tooltipTropical{margin:0;color:#fff;font-family:Roboto Condensed,sans-serif;display:inline-block}.tooltip-tropical-container .tooltipTropical+p{display:none}.tropicales-dia-chart .domain{fill:none;stroke:none}@media only screen and (min-width:48em){.data-viz-container{max-width:70vw}.data-viz-element{width:16rem}.data-viz-element:not(:last-child){margin-right:2rem}}.burger{width:50px;height:50px;position:fixed;top:20px;right:20px;border-radius:4px;z-index:10}.burger span{margin-bottom:9px;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-1.5px}.burger span,.burger span:after,.burger span:before{display:block;width:30px;height:3px;background-color:#2a2a2a;outline:1px solid transparent;transition-property:background-color,transform;transition-duration:.3s}.burger span:after,.burger span:before{position:absolute;content:""}.burger span:before{top:-9px}.burger span:after{top:9px}.burger.clicked span{background-color:transparent}.burger.clicked span:before{transform:translateY(9px) rotate(45deg)}.burger.clicked span:after{transform:translateY(-9px) rotate(-45deg)}.burger.clicked span:after,.burger.clicked span:before{background-color:#fff}.burger:hover{cursor:pointer}.navegacion{background-color:#e34f6f;position:fixed;z-index:9;top:0;right:0;height:100%;max-width:25rem;width:100%;padding:2rem;overflow-y:auto;transform:translateX(100%);transition:transform .55s cubic-bezier(.785,.135,.15,.86)}.navegacion.show{transform:translateX(0)}.navegacion.show .navegacion-btn{transform:translateX(0);opacity:1}.navegacion.show .navegacion-btn:first-child{transition-delay:.15s}.navegacion.show .navegacion-btn:nth-child(2){transition-delay:.3s}.navegacion.show .navegacion-btn:nth-child(3){transition-delay:.45s}.navegacion.show .navegacion-btn:nth-child(4){transition-delay:.6s}.navegacion.show .navegacion-btn:nth-child(5){transition-delay:.75s}.navegacion.show .navegacion-btn:nth-child(6){transition-delay:.9s}.navegacion.show .navegacion-btn:nth-child(7){transition-delay:1.05s}.navegacion.show .navegacion-btn:nth-child(8){transition-delay:1.2s}.navegacion.show .navegacion-btn:nth-child(9){transition-delay:1.35s}.navegacion .navegacion-btn{margin-bottom:5px;transform:translateX(40px);opacity:0;color:#111;font-family:Montserrat,sans-serif;text-decoration:none;text-transform:uppercase;font-size:1.5rem;display:block;letter-spacing:.06rem;font-weight:600;padding:.63rem 0;transition:all .3s ease}.navegacion .navegacion-btn:last-of-type{margin-bottom:0}.overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;transition:all .3s ease-in-out;background-color:#b7ac7f;opacity:0;visibility:hidden}.overlay.show{opacity:.8;visibility:visible}.menu--inola,.menu--inola .menu__item{display:flex;flex-direction:column;align-items:center}.menu--inola .menu__item{position:relative;text-align:center}.menu--inola .menu__item:last-child{margin-bottom:0}.menu--inola .menu__item-name{padding:0 .25rem;color:#00032d;font-family:Montserrat,sans-serif}.menu--inola .menu__item-name:before{content:"";position:absolute;top:calc(50% - 2px);left:0;width:100%;height:4px;pointer-events:none;background:#fbb788;transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s;transition-timing-function:cubic-bezier(.8,0,.2,1)}.menu--inola .menu__item:focus .menu__item-name:before,.menu--inola .menu__item:hover .menu__item-name:before{transform:scaleX(1);transform-origin:0 50%}.grid-intro{background:linear-gradient(150deg,#fcde9c 15%,#e34f6f 70%,#7c1d6f 94%);padding:1.25rem}.title{font-family:Montserrat,sans-serif;font-size:4.38rem;font-weight:700;color:#000;margin:.31rem 0}.title:after,.title:before{content:"";display:block;border-bottom:1px solid #111;width:.6em}.clima-intro{position:relative;padding:1.25rem}.zaragoza-img{max-width:100%;width:100%;object-fit:cover}.legend-text{font-size:1.13rem;font-family:Georgia,serif;color:#111;margin-top:0}.clima-subtitle{font-size:1.5rem;margin:.31rem 0}.clima-pie{font-size:1rem;margin-top:16px;color:#111;display:block;text-align:center}.clima-legend,.clima-pie{font-family:Georgia,serif}.clima-legend{font-size:1.13rem}.clima-link{display:block;margin-top:10px}.text-button{font-size:1rem;font-weight:700;margin-top:0}.container-inputs{display:inline-block}.inputs-label{display:block;margin-bottom:5px;text-align:left;font-weight:700}.textoBarras text,.xAxis text,.yAxis text{font-size:.75rem;font-weight:700}.yAxis path{stroke:none}path{fill:none;stroke:#000}.tooltip{position:absolute;z-index:2;width:70px;margin-left:20px;padding:.63rem;background:#172f6e;border:1px solid #ccc;border-radius:3px}.tooltipTemp,.tooltipYear{font-weight:700;font-size:.88rem;margin:0 0 .31rem;color:#f5d391}.tick line{fill:none;stroke:#888;stroke-dasharray:3px 3px}.input-update-grafica{border:1px solid #111;height:50px;max-width:50px;box-sizing:border-box;padding:0 .63rem;display:inline-block}.container-update-grafica{display:inline-block;text-align:center}.container-buttons{padding:1.25rem}.btn-update-max,.btn-update-min{transition:border-color .4s,color .4s}.btn-update-max:before,.btn-update-min:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#eafd8e;z-index:-1;opacity:0;transform:scaleX(.7);transition:transform 1s,opacity 1s;transition-timing-function:cubic-bezier(.2,1,.3,1)}.btn-update-min:before{background:#67efb6}.btn-update-max,.btn-update-max:before,.btn-update-min,.btn-update-min:before{transition-timing-function:cubic-bezier(.2,1,.3,1)}.btn-update-max:hover:before,.btn-update-min:hover:before{opacity:1;transform:translateZ(0)}.btn-update-grafica{background-color:#ca2a4e;display:inline-block;cursor:pointer;min-width:150px;max-width:250px;margin:1em;margin-left:0;padding:1em 2em;border:1px solid #eafd8e;color:#eafd8e;position:relative;font-weight:700;letter-spacing:.06rem;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.btn-update-grafica.btn-update-min{background-color:#3b5795;border:1px solid #67efb6;color:#67efb6}.btn-update-max:hover{color:#ca2a4e;border:1px solid #ca2a4e}.btn-update-min:hover{color:#3b5795;border:1px solid #3b5795}.chart-heladas .tick line,.chart-tropicales .tick line{stroke-dasharray:0;stroke:#111}.chart-heladas .tooltip,.chart-tropicales .tooltip{background-color:#ccc}.chart-heladas .xAxis line,.chart-heladas .xAxis path,.chart-tropicales .xAxis line,.chart-tropicales .xAxis path{display:none}.tooltipHeladas,.tooltipTropicales{font-weight:700;font-size:.88rem;margin:0 0 .31rem;color:#fff}.tooltipHeladas+p,.tooltipTropicales+p{display:none}.chart-tropicales .annotation-note-bg{fill:#fff}.chart-tropicales .annotation-note-label tspan{fill:#e8336d;font-weight:700}.chart-tropicales .annotation-subject path{fill:#30155d;stroke:#30155d}.chart-tropicales .annotation-note path,.chart-tropicales .connector{stroke:#30155d}.chart-tropicales .tick line{fill:none;stroke:#777;stroke-dasharray:3px 3px}.precipitaciones-chart-container{position:relative}.chart-lluvias-recogida path{fill:none;stroke:none}.chart-lluvias-recogida .area{fill:#82ceea}.chart-lluvias-recogida circle.y{fill:#eda937;stroke:#eda937;r:10}.chart-lluvias-recogida .x,.chart-lluvias-recogida .y{stroke:#eda937;stroke-width:2;opacity:1}.chart-lluvias-recogida .tick text{font-size:.75rem;font-weight:700}.tooltip-lluvias{background-color:#34009c;height:auto;width:300px;border-color:#34009c;margin-left:0}.tooltip-lluvias p:empty{display:none}.tooltip-lluvias .tooltipYear{color:#fff;font-size:1.1rem;font-weight:400;max-width:300px}.tooltip-lluvias .tooltipYear .textYear{display:block;font-size:1.3rem}.tooltip-lluvias .tooltipYear span{font-weight:700;font-family:SFMono-Regular,Consolas,Menlo,Courier,monospace}.heladas-text{text-align:left}.tabla-record{display:none;padding:1.25rem 0;border:1px solid #ccc;text-align:center}.tabla-grid{display:inline-grid;grid-template-columns:repeat(3,33.33%);border:1px solid #000;width:90%;background-color:#fff}.input-record{display:none}.label-record{display:inline-block;margin:0 0 -.06rem;padding:.13rem;font-weight:600;font-size:.88rem;text-align:center;color:#ccc;border:1px solid #ccc;width:20%}.label-record:hover{color:#111;cursor:pointer}.label-record:nth-of-type(4n+1){margin-left:10px}.label-responsive{display:none}.input-record:checked+.label-record{color:#111;border:1px solid #ccc;border-top:5px solid #e34f6f;border-bottom:1px solid #f1f1f1;background-color:#f1f1f1}#tab1:checked~.contenido1,#tab2:checked~.contenido2,#tab3:checked~.contenido3,#tab4:checked~.contenido4,#tab5:checked~.contenido5,#tab6:checked~.contenido6,#tab7:checked~.contenido7,#tab8:checked~.contenido8,#tab9:checked~.contenido9,#tab10:checked~.contenido10,#tab11:checked~.contenido11,#tab12:checked~.contenido12{display:block;background-color:#f1f1f1}.grid-text,.grid-text-bold{display:block;padding:.63rem 0}.grid-text-bold:not(:last-child),.grid-text:not(:last-child){border-bottom:1px solid #ccc}.grid-text-bold{font-weight:700;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,sans-serif}.grid-title{border-bottom:1px solid #ccc;padding:.63rem;margin:0}.grid-title-min{background-color:#053584}.grid-title-max{background-color:#e34f6f}.tabla-record-header{width:100%;display:inline-block;font-size:0}.tabla-record-header-text{display:inline-block;font-size:1.88rem;margin-bottom:10px;width:90%;text-align:left}.record-chart-maximas .xAxis .tick line,.record-chart-maximas .xAxis path,.record-chart-minimas .xAxis .tick line,.record-chart-minimas .xAxis path,.tabla-record-minimas-desktop{display:none}.container-recomendaciones{font-size:0;position:relative}.imagen-recomendaciones{width:100%}.container-recomendaciones-lista{position:absolute;right:5vw;top:-5vh;max-width:25vw;background-color:#fafafa;border-radius:5px;list-style-type:none;box-shadow:0 0 20px 0 rgba(0,0,0,.2);padding-left:0}.container-recomendaciones-elemento{padding:1rem;vertical-align:middle}.container-recomendaciones-elemento:not(:last-child){border-bottom:1px solid #e1e1e1}.container-recomendaciones-elemento:first-child{padding-top:1.5rem}.container-recomendaciones-elemento:last-child{padding-bottom:1.5rem}.container-recomendaciones-texto{display:inline-block;vertical-align:middle;width:calc(100% - 50px);font-size:.88rem;font-weight:400;font-family:Montserrat,sans-serif;padding-left:.5rem}.icon-recomendaciones{width:48px;height:48px;display:inline-block;vertical-align:middle}.icon-recomendaciones path{fill:#72be49;stroke:none}.recomendaciones-subtitle{color:#111;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1rem;max-width:40vw}.footer{background-color:#e25772;width:100%;padding:10vh 0}.footer-texto{color:#111}.footer-links,.footer-texto{font-weight:700}.temperatura-media-chart-graph .line{fill:#e34f6f;stroke:none}.temperatura-media-chart-graph .x-axis .domain,.temperatura-media-chart-graph .y-axis .domain{stroke:none}.temperatura-media-chart-graph .tick text{font-weight:700;font-size:.75rem}.temperatura-media-chart-graph .tick line{stroke:#111}.temperatura-media-chart-graph .overlay{fill:none;pointer-events:all}.temperatura-media-chart-graph .circle-focus{fill:#30155d;stroke:#30155d}.temperatura-media-chart-graph .text-focus{font-size:.88rem;font-weight:700}@media only screen and (min-width:48em){.grid-intro{height:100vh;display:grid;grid-template-columns:50% 40%;grid-column-gap:20px;grid-row-gap:20px;justify-items:center;align-items:center}.title{font-size:6.25rem}.container-texto{padding-left:20px}.clima-intro{margin:5vh auto;margin-bottom:0}.clima-intro,.wrapper-vw{max-width:40vw}.clima-subtitle{font-size:2rem;width:100%}.subtitle{font-size:2rem;margin:1.56rem auto;white-space:nowrap}.container-buttons{text-align:center;padding:.31rem}.label-record{padding:.94rem;width:auto}.label-record:nth-of-type(4n+1){margin-left:0}.label-record:first-of-type{margin-left:5vw}.tabla-grid{width:40%;margin:0 5% 5% 0}.grid-text,.grid-text-bold{padding:.5rem}.temp-max-graph{margin-top:100px}.tabla-record-minimas-mobile{display:none}.tabla-record-minimas-desktop{display:inline-block}.tabla-record-header{width:90%}.tabla-record-header-text{width:50%;text-align:left}.margin-section{margin:4rem auto}.tabs-maximas-minimas{text-align:center}.tabs-maximas-minimas .texto{text-align:left}.wrapper-footer{max-width:70vw}.navegacion{padding:5rem}.navegacion-btn{font-size:1rem}.navegacion-btn:not(:last-child){padding-right:16px}} \ No newline at end of file +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 2.5rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}*{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,sans-serif;line-height:1.3;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,span{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{background:#dde8e0}svg{max-width:1200px;display:block;margin:0 auto}.bold{font-family:Roboto Condensed,sans-serif;font-weight:700}.montserrat{font-family:Montserrat,sans-serif}.roboto{font-family:Roboto Condensed,sans-serif}.system-font{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,sans-serif}.monospace{font-family:SFMono-Regular,Consolas,Menlo,Courier,monospace}.color-title-max{color:#07043c}.color-title-min{color:#f1f1f1}.wrapper-footer,.wrapper-vw{width:90vw;margin:0 auto}.subtitle{font-family:Montserrat,sans-serif;color:#072a12;font-weight:700;font-size:1.5rem;margin:.31rem auto;text-align:left}.subtitle:before{content:"";display:block;border-bottom:5px solid #e34f6f;width:1em}.texto{font-size:1.13rem;color:#111;font-family:Roboto Condensed,sans-serif}.heladas,.tropicales{position:relative;text-align:center}.heladas .wrapper-vw,.tropicales .wrapper-vw{margin-bottom:0}.chart-container{max-width:1200px;margin:0 auto}.tropicales-text{text-align:left}.tropicales-text.wrapper-vw{margin-top:0}.chart-lluvias-recogida .line{stroke:blue;stroke-width:2px}.lluvias-mes-media-chart-graph .bar{fill:#82ceea}.lluvias-por-mes-select{border-radius:5px;padding:.63rem;border:1px solid #ddd;max-width:10rem;background-color:#f1f1f1;margin:1.56rem 0}.lluvias-por-mes-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none;border:0!important;width:100%;background-color:transparent;height:100%;background-image:url(../img/select-arrow.svg);background-repeat:no-repeat;background-size:20px;background-position:95%}.lluvias-por-mes-chart-container{position:relative}.tooltip-lluvia-mes-container{position:absolute;border-top-right-radius:5px;border-bottom-right-radius:5px;padding:.31rem .94rem;border-left:5px solid #34009c;background-color:#f3f3f3;box-shadow:0 3px 4px rgba(0,0,0,.2);top:25%;left:50%;transform:translate(-50%,-50%)}.tooltip-lluvia-mes{font-size:1rem;color:#34009c}.tooltip-lluvia-mes-total{font-weight:700}.data-viz{width:100%;padding:2.5rem 0;font-size:0;background-color:#f4f4f4}.data-viz-container{max-width:90vw;margin:0 auto;text-align:center}.data-viz-title{font-size:1.5rem;font-family:Montserrat,sans-serif;font-weight:700;text-align:center}.data-viz-element{width:90%;display:inline-block;text-decoration:none;vertical-align:top}.data-viz-subtitle{font-size:1rem;font-weight:700;font-family:Montserrat,sans-serif;color:#111;margin:.25rem 0;text-align:left}.data-viz-element-img{width:100%;max-width:100%;object-fit:cover}.data-viz-element-txt{font-size:1rem;font-family:Roboto Condensed,sans-serif;line-height:1.3;text-align:left;margin-top:.25rem;color:#111}.tick text{font-family:Roboto Condensed,sans-serif!important;font-size:.88rem!important}.tooltip-tropical-container{width:10rem;border-radius:2px;background-color:rgba(53,10,79,.8);position:absolute;z-index:2;padding:.5rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.31),0 2px 4px 0 rgba(50,50,58,.2)}.tooltip-tropical-container .tooltipTropical{margin:0;color:#fff;font-family:Roboto Condensed,sans-serif;display:inline-block}.tooltip-tropical-container .tooltipTropical+p{display:none}.tropicales-dia-chart .domain{fill:none;stroke:none}@media only screen and (min-width:48em){.data-viz-container{max-width:70vw}.data-viz-element{width:16rem}.data-viz-element:not(:last-child){margin-right:2rem}}.burger{width:50px;height:50px;position:fixed;top:20px;right:20px;border-radius:4px;z-index:10}.burger span{margin-bottom:9px;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-1.5px}.burger span,.burger span:after,.burger span:before{display:block;width:30px;height:3px;background-color:#2a2a2a;outline:1px solid transparent;transition-property:background-color,transform;transition-duration:.3s}.burger span:after,.burger span:before{position:absolute;content:""}.burger span:before{top:-9px}.burger span:after{top:9px}.burger.clicked span{background-color:transparent}.burger.clicked span:before{transform:translateY(9px) rotate(45deg)}.burger.clicked span:after{transform:translateY(-9px) rotate(-45deg)}.burger.clicked span:after,.burger.clicked span:before{background-color:#fff}.burger:hover{cursor:pointer}.navegacion{background-color:#e34f6f;position:fixed;z-index:9;top:0;right:0;height:100%;max-width:25rem;width:100%;padding:2rem;overflow-y:auto;transform:translateX(100%);transition:transform .55s cubic-bezier(.785,.135,.15,.86)}.navegacion.show{transform:translateX(0)}.navegacion.show .navegacion-btn{transform:translateX(0);opacity:1}.navegacion.show .navegacion-btn:first-child{transition-delay:.15s}.navegacion.show .navegacion-btn:nth-child(2){transition-delay:.3s}.navegacion.show .navegacion-btn:nth-child(3){transition-delay:.45s}.navegacion.show .navegacion-btn:nth-child(4){transition-delay:.6s}.navegacion.show .navegacion-btn:nth-child(5){transition-delay:.75s}.navegacion.show .navegacion-btn:nth-child(6){transition-delay:.9s}.navegacion.show .navegacion-btn:nth-child(7){transition-delay:1.05s}.navegacion.show .navegacion-btn:nth-child(8){transition-delay:1.2s}.navegacion.show .navegacion-btn:nth-child(9){transition-delay:1.35s}.navegacion .navegacion-btn{margin-bottom:5px;transform:translateX(40px);opacity:0;color:#111;font-family:Montserrat,sans-serif;text-decoration:none;text-transform:uppercase;font-size:1.5rem;display:block;letter-spacing:.06rem;font-weight:600;padding:.63rem 0;transition:all .3s ease}.navegacion .navegacion-btn:last-of-type{margin-bottom:0}.overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;transition:all .3s ease-in-out;background-color:#b7ac7f;opacity:0;visibility:hidden}.overlay.show{opacity:.8;visibility:visible}.menu--inola,.menu--inola .menu__item{display:flex;flex-direction:column;align-items:center}.menu--inola .menu__item{position:relative;text-align:center}.menu--inola .menu__item:last-child{margin-bottom:0}.menu--inola .menu__item-name{padding:0 .25rem;color:#00032d;font-family:Montserrat,sans-serif}.menu--inola .menu__item-name:before{content:"";position:absolute;top:calc(50% - 2px);left:0;width:100%;height:4px;pointer-events:none;background:#fbb788;transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s;transition-timing-function:cubic-bezier(.8,0,.2,1)}.menu--inola .menu__item:focus .menu__item-name:before,.menu--inola .menu__item:hover .menu__item-name:before{transform:scaleX(1);transform-origin:0 50%}.grid-intro{background:linear-gradient(150deg,#fcde9c 15%,#e34f6f 70%,#7c1d6f 94%);padding:1.25rem}.title{font-family:Montserrat,sans-serif;font-size:4.38rem;font-weight:700;color:#000;margin:.31rem 0}.title:after,.title:before{content:"";display:block;border-bottom:1px solid #111;width:.6em}.clima-intro{position:relative;padding:1.25rem}.clima-subtitle{font-size:1.5rem;margin:.31rem 0}.clima-pie{font-size:1rem;margin-top:16px;color:#111;display:block;text-align:center}.clima-legend,.clima-pie{font-family:Roboto Condensed,sans-serif}.clima-legend{font-size:1.13rem}.clima-link{display:block;margin-top:10px}.chart-temp .xAxis .domain{fill:none;stroke:#111;stroke-dasharray:3px 3px}.text-button{font-size:1rem;font-weight:700;margin-top:0}.container-inputs{display:inline-block}.inputs-label{display:block;margin-bottom:5px;text-align:left;font-weight:700}.textoBarras text,.xAxis text,.yAxis text{font-size:.75rem;font-weight:700}.yAxis path{stroke:none}path{fill:none;stroke:#000}.tooltip{position:absolute;z-index:2;width:70px;margin-left:20px;padding:.63rem;background:#172f6e;border:1px solid #ccc;border-radius:3px}.tooltipTemp,.tooltipYear{font-weight:700;font-size:.88rem;margin:0 0 .31rem;color:#f5d391}.tick line{fill:none;stroke:#888;stroke-dasharray:3px 3px}.input-update-grafica{border:1px solid #111;height:50px;max-width:50px;box-sizing:border-box;padding:0 .63rem;display:inline-block}.container-update-grafica{display:inline-block;text-align:center}.container-buttons{padding:1.25rem}.btn-update-max,.btn-update-min{transition:border-color .4s,color .4s}.btn-update-max:before,.btn-update-min:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#eafd8e;z-index:-1;opacity:0;transform:scaleX(.7);transition:transform 1s,opacity 1s;transition-timing-function:cubic-bezier(.2,1,.3,1)}.btn-update-min:before{background:#67efb6}.btn-update-max,.btn-update-max:before,.btn-update-min,.btn-update-min:before{transition-timing-function:cubic-bezier(.2,1,.3,1)}.btn-update-max:hover:before,.btn-update-min:hover:before{opacity:1;transform:translateZ(0)}.btn-update-grafica{background-color:#ca2a4e;display:inline-block;cursor:pointer;min-width:150px;max-width:250px;margin:1em;margin-left:0;padding:1em 2em;border:1px solid #eafd8e;color:#eafd8e;position:relative;font-weight:700;letter-spacing:.06rem;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.btn-update-grafica.btn-update-min{background-color:#3b5795;border:1px solid #67efb6;color:#67efb6}.btn-update-max:hover{color:#ca2a4e;border:1px solid #ca2a4e}.btn-update-min:hover{color:#3b5795;border:1px solid #3b5795}.chart-heladas .tick line,.chart-tropicales .tick line{stroke-dasharray:0;stroke:#111}.chart-heladas .tooltip,.chart-tropicales .tooltip{background-color:#ccc}.chart-heladas .xAxis line,.chart-heladas .xAxis path,.chart-tropicales .xAxis line,.chart-tropicales .xAxis path{display:none}.tooltipHeladas,.tooltipTropicales{font-weight:700;font-size:.88rem;margin:0 0 .31rem;color:#fff}.tooltipHeladas+p,.tooltipTropicales+p{display:none}.chart-tropicales .annotation-note-bg{fill:transparent}.chart-tropicales .annotation-note-label tspan{fill:#e8336d;font-weight:700;font-family:Roboto Condensed,sans-serif}.chart-tropicales .annotation-subject path{fill:#30155d;stroke:#30155d}.chart-tropicales .annotation-note path,.chart-tropicales .connector{stroke:#30155d}.chart-tropicales .tick line{fill:none;stroke:#777;stroke-dasharray:3px 3px}.precipitaciones-chart-container{position:relative}.chart-lluvias-recogida path{fill:none;stroke:none}.chart-lluvias-recogida .area{fill:#82ceea}.chart-lluvias-recogida circle.y{fill:#eda937;stroke:#eda937;r:10}.chart-lluvias-recogida .x,.chart-lluvias-recogida .y{stroke:#eda937;stroke-width:2;opacity:1}.chart-lluvias-recogida .tick text{font-size:.75rem;font-weight:700}.tooltip-lluvias{background-color:#34009c;height:auto;width:300px;border-color:#34009c;margin-left:0}.tooltip-lluvias p:empty{display:none}.tooltip-lluvias .tooltipYear{color:#fff;font-size:1.1rem;font-weight:400;max-width:300px}.tooltip-lluvias .tooltipYear .textYear{display:block;font-size:1.3rem}.tooltip-lluvias .tooltipYear span{font-weight:700;font-family:SFMono-Regular,Consolas,Menlo,Courier,monospace}.heladas-text{text-align:left}.chart-heladas .yAxis .tick line{fill:none;stroke:#777;stroke-dasharray:3px 3px}.tabla-record{display:none;padding:1.25rem 0;border:1px solid #ccc;text-align:center}.tabla-grid{display:inline-grid;grid-template-columns:repeat(3,33.33%);border:1px solid #000;width:90%;background-color:#fff}.input-record{display:none}.label-record{display:inline-block;margin:0 0 -.06rem;padding:.13rem;font-weight:600;font-size:.88rem;text-align:center;color:#ccc;border:1px solid #ccc;width:20%}.label-record:hover{color:#111;cursor:pointer}.label-record:nth-of-type(4n+1){margin-left:10px}.label-responsive{display:none}.input-record:checked+.label-record{color:#111;border:1px solid #ccc;border-top:5px solid #e34f6f;border-bottom:1px solid #f1f1f1;background-color:#f1f1f1}#tab1:checked~.contenido1,#tab2:checked~.contenido2,#tab3:checked~.contenido3,#tab4:checked~.contenido4,#tab5:checked~.contenido5,#tab6:checked~.contenido6,#tab7:checked~.contenido7,#tab8:checked~.contenido8,#tab9:checked~.contenido9,#tab10:checked~.contenido10,#tab11:checked~.contenido11,#tab12:checked~.contenido12{display:block;background-color:#f1f1f1}.grid-text,.grid-text-bold{display:block;padding:.63rem 0;font-family:Roboto Condensed,sans-serif}.grid-text-bold:not(:last-child),.grid-text:not(:last-child){border-bottom:1px solid #ccc}.grid-text-bold{font-weight:700}.grid-title{border-bottom:1px solid #ccc;padding:.63rem;margin:0}.grid-title-min{background-color:#053584}.grid-title-max{background-color:#e34f6f}.tabla-record-header{width:100%;display:inline-block;font-size:0}.tabla-record-header-text{display:inline-block;font-size:1.88rem;margin-bottom:10px;width:90%;text-align:left}.record-chart-maximas .xAxis .tick line,.record-chart-maximas .xAxis path,.record-chart-minimas .xAxis .tick line,.record-chart-minimas .xAxis path,.tabla-record-minimas-desktop{display:none}.container-recomendaciones{font-size:0;position:relative}.imagen-recomendaciones{width:100%}.container-recomendaciones-lista{position:absolute;right:5vw;top:-5vh;max-width:25vw;background-color:#fafafa;border-radius:5px;list-style-type:none;box-shadow:0 0 20px 0 rgba(0,0,0,.2);padding-left:0}.container-recomendaciones-elemento{padding:1rem;vertical-align:middle}.container-recomendaciones-elemento:not(:last-child){border-bottom:1px solid #e1e1e1}.container-recomendaciones-elemento:first-child{padding-top:1.5rem}.container-recomendaciones-elemento:last-child{padding-bottom:1.5rem}.container-recomendaciones-texto{display:inline-block;vertical-align:middle;width:calc(100% - 50px);font-size:.88rem;font-weight:400;font-family:Montserrat,sans-serif;padding-left:.5rem}.icon-recomendaciones{width:48px;height:48px;display:inline-block;vertical-align:middle}.icon-recomendaciones path{fill:#72be49;stroke:none}.recomendaciones-subtitle{color:#111;border-radius:5px;font-family:Montserrat,sans-serif;font-size:1rem;max-width:40vw}.footer{background-color:#e25772;width:100%;padding:10vh 0}.footer-links,.footer-texto{color:var(--black);font-family:Roboto Condensed,sans-serif;font-size:1rem}.footer-links{font-weight:700}.temperatura-media-chart-graph .line{fill:#e34f6f;stroke:none}.temperatura-media-chart-graph .x-axis .domain,.temperatura-media-chart-graph .y-axis .domain{stroke:none}.temperatura-media-chart-graph .tick text{font-weight:700;font-size:.75rem}.temperatura-media-chart-graph .tick line{stroke:#111}.temperatura-media-chart-graph .overlay{fill:none;pointer-events:all}.temperatura-media-chart-graph .circle-focus{fill:#30155d;stroke:#30155d}.temperatura-media-chart-graph .text-focus{font-size:.88rem;font-weight:700}@media only screen and (min-width:48em){.grid-intro{height:100vh;display:grid;grid-template-columns:50% 40%;grid-column-gap:20px;grid-row-gap:20px;justify-items:center;align-items:center}.title{font-size:6.25rem}.container-texto{padding-left:20px}.clima-intro{margin:5vh auto;margin-bottom:0}.clima-intro,.wrapper-vw{max-width:40vw}.clima-subtitle{font-size:2rem;width:100%}.subtitle{font-size:2rem;margin:1.56rem auto;white-space:nowrap}.container-buttons{text-align:center;padding:.31rem}.label-record{padding:.94rem;width:auto}.label-record:nth-of-type(4n+1){margin-left:0}.label-record:first-of-type{margin-left:5vw}.tabla-grid{width:40%;margin:0 5% 5% 0}.grid-text,.grid-text-bold{padding:.5rem}.temp-max-graph{margin-top:100px}.tabla-record-minimas-mobile{display:none}.tabla-record-minimas-desktop{display:inline-block}.tabla-record-header{width:90%}.tabla-record-header-text{width:50%;text-align:left}.margin-section{margin:4rem auto}.tabs-maximas-minimas{text-align:center}.tabs-maximas-minimas .texto{text-align:left}.wrapper-footer{max-width:70vw}.navegacion{padding:5rem}.navegacion-btn{font-size:1rem}.navegacion-btn:not(:last-child){padding-right:16px}} \ No newline at end of file diff --git a/css/styles.css.map b/css/styles.css.map index 7609e37..7d70529 100644 --- a/css/styles.css.map +++ b/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sources":["styles.css","_reset.css","_comun.css","_header.css","_principal.css","_clima.css","_maximas.css","_tropicales.css","_lluvias.css","_heladas.css","_records.css","_footer.css","_anual.css","_responsive.css"],"names":[],"mappings":"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;YACI,cAAc;SACjB;;AAIT;IACI,aAAa;IACb,mBAAmB;CACtB;;AAED;IACI,YAAY;CACf;;AAED;IACI,mBAAmB;IACnB,WAAW;IACX,UAAU;IACV,gBAAgB;IAChB,0BAA0B;IAC1B,mBAAmB;IACnB,sBAAsB;IACtB,yCAAyC;IACzC,gBAAgB;CACnB;;AAED;IACI,cAAc;IACd,uBAAuB;CAU1B;;AATG;QACI,iCAAiC;KACpC;;AACD;QACI,oBAAoB;KACvB;;AACD;QACI,uBAAuB;KAC1B;;AAGL;IACI,sBAAsB;IACtB,uBAAuB;IACvB,yBAAyB;IACzB,mBAAgB;IAChB,oBAAoB;IACpB,sCAA+B;IAC/B,oBAAoB;CACvB;;AAED;IACI,YAAY;IACZ,aAAa;IACb,sBAAsB;IACtB,uBAAuB;CAK1B;;AAJG;QACI,cAAc;QACd,aAAa;KAChB;;AAGL;IACI,YAA0B;IAC1B,mBAAmB;IACnB,sCAA+B;IAC/B,gBAAgB;IAChB,gBAAgB;CACnB;;AC/LD;IACI,0BAA0B;IAC1B,YAAY;IACZ,gBAAgB;CACnB;;AAED;IACI,YAA0B;IAC1B,kBAAkB;CACrB;;AAED;IACI,kBAAkB;CACrB;;ACZG;QACI,cAAuB;QACvB,aAAa;KAChB;;AAGG;YACI,aAAa;SAChB;;AAGD;YACI,kBAAkB;YAClB,mBAAgB;SACnB;;AACD;YACI,aAA2B;SAC9B;;AAEL;MACE,WAAW;MACX,oBAAoB;KACrB;;AACD;QACI,cAAc;QACd,gBAAgB;KACnB;;AACD;QACI,mBAAgB;QAChB,kBAAkB;KACrB;;AC/BL;;IAEI;QACI,cAAc;QACd,cAAc;QACd,+BAA+B;QAC/B,sBAAsB;QACtB,mBAAmB;QACnB,sBAAsB;QACtB,oBAAoB;KACvB;;IAED;QACI,mBAAiB;KACpB;;IAED;QACI,mBAAmB;KACtB;;IAED;QACI,gBAAgB;QAChB,iBAAiB;QACjB,iBAAiB;KACpB;;IAED;QACI,gBAAgB;KACnB;;IAED;QACI,gBAAgB;QAChB,YAAY;KACf;;IAED;QACI,gBAAgB;QAChB,qBAAkB;QAClB,oBAAoB;KACvB;;IAED;QACI,mBAAmB;QACnB,iBAAa;KAChB;;IAED;QACI,iBAAc;QACd,YAAY;KAOf;QANG;YACI,eAAe;SAClB;QACD;YACI,iBAAiB;SACpB;;IAGL;QACI,WAAW;QACX,kBAAkB;KACrB;;IAED;;QAEI,gBAAa;KAChB;;IAED;QACI,kBAAkB;KACrB;;IAED;QACI,cAAc;KACjB;;IAED;QACI,sBAAsB;KACzB;;IAED;QACI,WAAW;KACd;;IAED;QACI,WAAW;QACX,iBAAiB;KACpB;;IAED;QACI,kBAAkB;KACrB;;IAED;QACI,mBAAmB;KAItB;QAHG;YACI,iBAAiB;SACpB;;IAGL;QACI,gBAAgB;KACnB;;IAED;QACI,cAAc;KACjB;;IAED;QACI,gBAAgB;KAInB;QAHG;YACI,oBAAoB;SACvB;CAER","file":"styles.css","sourcesContent":["/*\n Base CSS por Jorge Aznar\n http://jorgeatgu.com\n Estructura básica para iniciar cualquier proyecto con postCSS\n*/\n\n@import '_reset';\n@import '_variables';\n@import '_comun';\n@import '_header';\n@import '_principal';\n@import '_clima';\n@import '_maximas';\n@import '_tropicales';\n@import '_lluvias';\n@import '_heladas';\n@import '_records';\n@import '_footer';\n@import '_anual';\n@import '_responsive';\n","/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n","* {\n font-family: var(--fontSystem);\n line-height: 1.5;\n box-sizing: border-box;\n}\n\nsvg {\n max-width: 1200px;\n display: block;\n margin: 0 auto;\n}\n\n.bold {\n font-family: var(--georgia);\n font-weight: bold;\n}\n\n.montserrat {\n font-family: var(--montserrat);\n}\n\n.georgia {\n font-family: var(--georgia);\n}\n\n.system-font {\n font-family: var(--fontSystem);\n}\n\n.monospace {\n font-family: var(--monospace);\n}\n\n.color-title-max {\n color: var(--midnightBlue);\n}\n\n.color-title-min {\n color: var(--impureWhite);\n}\n\n.wrapper-vw,\n.wrapper-footer {\n width: 90vw;\n margin: 0 auto;\n}\n\n.subtitle {\n font-family: var(--montserrat);\n color: #072a12;\n font-weight: bold;\n font-size: 24px;\n margin: 5px auto;\n text-align: left;\n &:before {\n content: '';\n display: block;\n border-bottom: 5px solid var(--gradient2);\n width: 1em;\n }\n}\n\n.texto {\n font-size: 18px;\n color: var(--impureBlack);\n font-family: var(--georgia);\n}\n\n.tropicales,\n.heladas {\n position: relative;\n text-align: center;\n .wrapper-vw {\n margin-bottom: 0;\n }\n}\n\n.chart-container {\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.tropicales-text {\n text-align: left;\n &.wrapper-vw {\n margin-top: 0;\n }\n}\n\n.chart-lluvias-recogida {\n .line {\n stroke: blue;\n stroke-width: 2px;\n }\n}\n\n.lluvias-mes-media-chart-graph {\n .bar {\n fill: #82ceea;\n }\n}\n\n.lluvias-por-mes-select {\n border-radius: 5px;\n padding: 10px;\n border: 1px solid #ddd;\n max-width: 10rem;\n background-color: #f1f1f1;\n margin: 25px 0;\n select {\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n appearance: none;\n box-shadow: none;\n border: 0 !important;\n width: 100%;\n background-color: transparent;\n height: 100%;\n background-image: url(../img/select-arrow.svg);\n background-repeat: no-repeat;\n -webkit-background-size: 100%;\n background-size: 20px;\n background-position: 95% center;\n }\n}\n\n.lluvias-por-mes-chart-container {\n position: relative;\n}\n\n.tooltip-lluvia-mes-container {\n position: absolute;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n padding: 5px 15px;\n border-left: 5px solid #34009c;\n background-color: #F3F3F3;\n box-shadow: 0 3px 4px rgba(0, 0, 0, .2);\n top: 25%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.tooltip-lluvia-mes {\n font-size: 16px;\n color: #34009c;\n}\n\n.tooltip-lluvia-mes-total {\n font-weight: bold;\n}\n\n.data-viz {\n width: 100%;\n padding: 2.5rem 0;\n font-size: 0;\n background-color: #f4f4f4;\n}\n\n.data-viz-container {\n max-width: 90vw;\n margin: 0 auto;\n text-align: center;\n}\n\n.data-viz-title {\n font-size: 1.5rem;\n font-family: var(--montserrat);\n font-weight: bold;\n text-align: center;\n}\n\n.data-viz-element {\n width: 90%;\n display: inline-block;\n text-decoration: none;\n vertical-align: top;\n}\n\n.data-viz-subtitle {\n font-size: 1rem;\n font-weight: bold;\n font-family: var(--montserrat);\n color: #111;\n margin: .25rem 0;\n text-align: left;\n}\n\n.data-viz-element-img {\n width: 100%;\n max-width: 100%;\n object-fit: cover;\n}\n\n.data-viz-element-txt {\n font-size: 1rem;\n font-family: var(--georgia);\n line-height: 1.3;\n text-align: left;\n margin-top: .25rem;\n color: #111;\n}\n\n.tick text {\n font-family: var(--roboto) !important;\n font-size: 14px !important;\n}\n\n.tooltip-tropical-container {\n width: 10rem;\n border-radius: 2px;\n background-color: rgba(53, 10, 79, .8);\n position: absolute;\n z-index: 2;\n padding: .5rem;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .31), 0 2px 4px 0 rgba(50, 50, 58, .2);\n .tooltipTropical {\n margin: 0;\n color: #fff;\n font-family: var(--roboto);\n display: inline-block;\n\n + p {\n display: none;\n }\n }\n\n}\n\n.tropicales-dia-chart {\n .domain {\n fill: none;\n stroke: none;\n }\n}\n\n@media only screen and (min-width: 48em) {\n\n .data-viz-container {\n max-width: 70vw;\n }\n\n .data-viz-element {\n width: 16rem;\n &:not(:last-child) {\n margin-right: 2rem;\n }\n }\n\n}\n","/* Menu inspired: https://codepen.io/BeanBaag/pen/XZRewP remove jQuery for JavaScript */\n\n.burger {\n width: 50px;\n height: 50px;\n position: fixed;\n top: 20px;\n right: 20px;\n border-radius: 4px;\n z-index: 10;\n}\n.burger span {\n margin-bottom: 9px;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -15px;\n margin-top: -1.5px;\n}\n.burger span,\n.burger span:before,\n.burger span:after {\n display: block;\n width: 30px;\n height: 3px;\n background-color: #2a2a2a;\n outline: 1px solid transparent;\n -webkit-transition-property: background-color, -webkit-transform;\n transition-property: background-color, transform;\n -webkit-transition-duration: .3s;\n transition-duration: .3s;\n}\n\n.burger span:before,\n.burger span:after {\n position: absolute;\n content: \"\";\n}\n\n.burger span:before {\n top: -9px;\n}\n\n.burger span:after {\n top: 9px;\n}\n\n.burger.clicked span {\n background-color: transparent;\n}\n\n.burger.clicked span:before {\n -webkit-transform: translateY(9px) rotate(45deg);\n transform: translateY(9px) rotate(45deg);\n}\n\n.burger.clicked span:after {\n -webkit-transform: translateY(-9px) rotate(-45deg);\n transform: translateY(-9px) rotate(-45deg);\n}\n\n.burger.clicked span:before,\n.burger.clicked span:after {\n background-color: var(--white);\n}\n\n.burger:hover {\n cursor: pointer;\n}\n\n/* .navegacion\n========================================== */\n.navegacion {\n background-color: var(--gradient2);\n position: fixed;\n z-index: 9;\n top: 0;\n right: 0;\n height: 100%;\n max-width: 25rem;\n width: 100%;\n padding: 2rem;\n overflow-y: auto;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transition: transform .55s cubic-bezier(.785, .135, .15, .86);\n transition: transform .55s cubic-bezier(.785, .135, .15, .86);\n}\n.navegacion.show {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n.navegacion.show .navegacion-btn {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1;\n}\n.navegacion.show .navegacion-btn:nth-child(1) {\n transition-delay: .15s;\n}\n.navegacion.show .navegacion-btn:nth-child(2) {\n transition-delay: .3s;\n}\n.navegacion.show .navegacion-btn:nth-child(3) {\n transition-delay: .45s;\n}\n.navegacion.show .navegacion-btn:nth-child(4) {\n transition-delay: .6s;\n}\n.navegacion.show .navegacion-btn:nth-child(5) {\n transition-delay: .75s;\n}\n.navegacion.show .navegacion-btn:nth-child(6) {\n transition-delay: .9s;\n}\n.navegacion.show .navegacion-btn:nth-child(7) {\n transition-delay: 1.05s;\n}\n.navegacion.show .navegacion-btn:nth-child(8) {\n transition-delay: 1.2s;\n}\n.navegacion.show .navegacion-btn:nth-child(9) {\n transition-delay: 1.35s;\n}\n\n.navegacion .navegacion-btn {\n margin-bottom: 5px;\n -webkit-transform: translateX(40px);\n transform: translateX(40px);\n opacity: 0;\n color: var(--impureBlack);\n font-family: var(--montserrat);\n text-decoration: none;\n text-transform: uppercase;\n font-size: 1.5rem;\n display: block;\n letter-spacing: 1px;\n font-weight: 600;\n padding: 10px 0;\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n\n}\n.navegacion .navegacion-btn:last-of-type {\n margin-bottom: 0px;\n}\n\n/* OVERLAY\n========================================== */\n.overlay {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out;\n background-color: #b7ac7f;\n opacity: 0;\n visibility: hidden;\n}\n.overlay.show {\n opacity: .8;\n visibility: visible;\n}\n\n.menu--inola {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.menu--inola .menu__item {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.menu--inola .menu__item:last-child {\n margin-bottom: 0;\n}\n\n.menu--inola .menu__item-name {\n padding: 0 .25rem;\n color: #00032d;\n font-family: var(--montserrat);\n}\n\n.menu--inola .menu__item-name:before {\n content: '';\n position: absolute;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n pointer-events: none;\n background: #fbb788;\n transform: scale3d(0, 1, 1);\n transform-origin: 100% 50%;\n transition: transform .5s;\n transition-timing-function: cubic-bezier(.8, 0, .2, 1);\n}\n\n.menu--inola .menu__item:hover .menu__item-name:before,\n.menu--inola .menu__item:focus .menu__item-name:before {\n transform: scale3d(1, 1, 1);\n transform-origin: 0% 50%;\n}\n",".grid-intro {\n background: linear-gradient(150deg, var(--gradient1) 15%, var(--gradient2) 70%, var(--gradient3) 94%);\n padding: 20px;\n}\n\n.title {\n font-family: var(--montserrat);\n font-size: 70px;\n font-weight: bold;\n color: #000;\n margin: 5px 0;\n &:after {\n content: '';\n display: block;\n border-bottom: 1px solid var(--impureBlack);\n width: .6em;\n }\n &:before {\n content: '';\n display: block;\n border-bottom: 1px solid var(--impureBlack);\n width: .6em;\n }\n}\n",".clima-intro {\n position: relative;\n padding: 20px;\n}\n\n.zaragoza-img {\n max-width: 100%;\n width: 100%;\n object-fit: cover;\n}\n\n.legend-text {\n font-size: 18px;\n font-family: var(--georgia);\n color: var(--impureBlack);\n margin-top: 0;\n}\n\n.clima-subtitle {\n font-size: 24px;\n margin: 5px 0;\n}\n\n.clima-pie {\n font-size: 16px;\n font-family: var(--georgia);\n margin-top: 16px;\n color: var(--impureBlack);\n display: block;\n text-align: center;\n}\n\n.clima-legend {\n font-family: var(--georgia);\n font-size: 18px;\n}\n\n.clima-link {\n display: block;\n margin-top: 10px;\n}\n",".text-button {\n font-size: 16px;\n font-weight: bold;\n margin-top: 0;\n}\n\n.container-inputs {\n display: inline-block;\n}\n\n.inputs-label {\n display: block;\n margin-bottom: 5px;\n text-align: left;\n font-weight: bold;\n}\n\n.textoBarras,\n.xAxis,\n.yAxis {\n text {\n font-size: 12px;\n font-weight: bold;\n }\n}\n\n.yAxis {\n path {\n stroke: none;\n }\n}\n\npath {\n fill: none;\n stroke: black;\n}\n\n.tooltip {\n position: absolute;\n z-index: 2;\n width: 70px;\n margin-left: 20px;\n padding: 10px;\n background: var(--bgcTooltip);\n border: 1px solid var(--impureGrey);\n border-radius: 3px;\n}\n\n.tooltipYear,\n.tooltipTemp {\n font-weight: bold;\n font-size: 14px;\n margin: 0 0 5px;\n color: var(--textTooltip);\n}\n\n.tick line {\n fill: none;\n stroke: #888;\n stroke-dasharray: 3px 3px;\n}\n\n.input-update-grafica {\n border: 1px solid var(--impureBlack);\n height: 50px;\n max-width: 50px;\n box-sizing: border-box;\n padding: 0 10px;\n display: inline-block;\n}\n\n.container-update-grafica {\n display: inline-block;\n text-align: center;\n}\n\n.container-buttons {\n padding: 20px;\n}\n\n.btn-update-max,\n.btn-update-min {\n -webkit-transition: border-color .4s, color .4s;\n transition: border-color .4s, color .4s;\n}\n.btn-update-max:before,\n.btn-update-min:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #eafd8e;\n z-index: -1;\n opacity: 0;\n -webkit-transform: scale3d(.7, 1, 1);\n transform: scale3d(.7, 1, 1);\n -webkit-transition: -webkit-transform 1s, opacity 1s;\n transition: transform 1s, opacity 1s;\n -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n}\n\n.btn-update-min:before {\n background: #67efb6;\n}\n\n.btn-update-max,\n.btn-update-max:before,\n.btn-update-min,\n.btn-update-min:before {\n -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n}\n\n.btn-update-max:hover:before,\n.btn-update-min:hover:before {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.btn-update-grafica {\n background-color: #CA2A4E;\n display: inline-block;\n cursor: pointer;\n min-width: 150px;\n max-width: 250px;\n margin: 1em;\n margin-left: 0;\n padding: 1em 2em;\n border: 1px solid #eafd8e;\n color: #eafd8e;\n position: relative;\n font-weight: bold;\n letter-spacing: 1px;\n z-index: 1;\n -webkit-backface-visibility: hidden;\n -moz-osx-font-smoothing: grayscale;\n &.btn-update-min {\n background-color: #3B5795;\n border: 1px solid #67efb6;\n color: #67efb6;\n }\n}\n\n.btn-update-max:hover {\n color: #CA2A4E;\n border: 1px solid #CA2A4E;\n}\n\n.btn-update-min:hover {\n color: #3B5795;\n border: 1px solid #3B5795;\n}\n","/* .tropicales:after {\n content: \"\";\n display: block;\n width: 32rem;\n height: 32rem;\n background: var(--gradient2);\n position: absolute;\n top: 1rem;\n left: -60rem;\n right: 0;\n margin: auto;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n*/\n\n.chart-tropicales,\n.chart-heladas {\n .tick {\n line {\n stroke-dasharray: 0;\n stroke: var(--impureBlack);\n }\n }\n .tooltip {\n background-color: var(--impureGrey);\n }\n .xAxis {\n line,\n path {\n display: none;\n }\n }\n}\n\n.tooltipHeladas,\n.tooltipTropicales {\n font-weight: bold;\n font-size: 14px;\n margin: 0 0 5px;\n color: #fff;\n + p {\n display: none;\n }\n}\n\n.chart-tropicales {\n .annotation-note-bg {\n fill: #fff;\n }\n .annotation-note-label tspan {\n fill: #E8336D;\n font-weight: bold;\n }\n .annotation-subject path {\n fill: #30155d;\n stroke: #30155d;\n }\n .annotation-note path,\n .connector {\n stroke: #30155d;\n }\n .tick line {\n fill: none;\n stroke: #777;\n stroke-dasharray: 3px 3px;\n }\n}\n",".precipitaciones-chart-container {\n position: relative;\n}\n\n.chart-lluvias-recogida {\n path {\n fill: none;\n stroke: none;\n }\n .area {\n fill: #82ceea;\n }\n circle.y {\n fill: #eda937;\n stroke: #eda937;\n r: 10;\n }\n .x,\n .y {\n stroke: #eda937;\n stroke-width: 2;\n opacity: 1;\n }\n .tick {\n text {\n font-size: 12px;\n font-weight: bold;\n }\n }\n}\n\n.tooltip-lluvias {\n background-color: #34009c;\n height: auto;\n width: 300px;\n border-color: #34009c;\n margin-left: 0;\n p {\n &:empty {\n display: none;\n }\n }\n .tooltipYear {\n color: var(--white);\n font-size: 1.1rem;\n font-weight: normal;\n max-width: 300px;\n .textYear {\n display: block;\n font-size: 1.3rem;\n }\n span {\n font-weight: bold;\n font-family: var(--monospace);\n }\n }\n}\n",".heladas-text {\n text-align: left;\n}\n","/*\n RESPONSIVE TABS by Oliver Knoblich\n https://codepen.io/oknoblich/pen/tfjFl\n*/\n\n.tabla-record {\n display: none;\n padding: 20px 0;\n border: 1px solid var(--impureGrey);\n text-align: center;\n}\n\n.tabla-grid {\n display: inline-grid;\n grid-template-columns: repeat(3, 33.33%);\n border: 1px solid #000;\n width: 90%;\n background-color: #fff;\n}\n\n.input-record {\n display: none;\n}\n\n.label-record {\n display: inline-block;\n margin: 0 0 -1px;\n padding: 2px;\n font-weight: 600;\n font-size: 14px;\n text-align: center;\n color: var(--impureGrey);\n border: 1px solid var(--impureGrey);\n width: 20%;\n &:hover {\n color: var(--impureBlack);\n cursor: pointer;\n }\n &:nth-of-type(4n+1) {\n margin-left: 10px;\n }\n}\n\n.label-responsive {\n display: none;\n}\n\n.input-record:checked + .label-record {\n color: var(--impureBlack);\n border: 1px solid var(--impureGrey);\n border-top: 5px solid var(--gradient2);\n border-bottom: 1px solid var(--impureWhite);\n background-color: var(--impureWhite);\n}\n\n#tab1:checked ~ .contenido1,\n#tab2:checked ~ .contenido2,\n#tab3:checked ~ .contenido3,\n#tab4:checked ~ .contenido4,\n#tab5:checked ~ .contenido5,\n#tab6:checked ~ .contenido6,\n#tab7:checked ~ .contenido7,\n#tab8:checked ~ .contenido8,\n#tab9:checked ~ .contenido9,\n#tab10:checked ~ .contenido10,\n#tab11:checked ~ .contenido11,\n#tab12:checked ~ .contenido12 {\n display: block;\n background-color: var(--impureWhite);\n}\n\n.grid-text,\n.grid-text-bold {\n display: block;\n padding: 10px 0;\n &:not(:last-child) {\n border-bottom: 1px solid #ccc;\n }\n}\n\n.grid-text-bold {\n font-weight: bold;\n font-family: var(--fontSystem);\n}\n\n.grid-title {\n border-bottom: 1px solid #ccc;\n padding: 10px;\n margin: 0;\n}\n\n.grid-title-min {\n background-color: var(--btnMinBgc);\n}\n\n.grid-title-max {\n background-color: var(--gradient2);\n}\n\n.tabla-record-header {\n width: 100%;\n display: inline-block;\n font-size: 0;\n}\n\n.tabla-record-header-text {\n display: inline-block;\n font-size: 30px;\n margin-bottom: 10px;\n width: 90%;\n text-align: left;\n}\n\n.tabla-record-minimas-desktop {\n display: none;\n}\n\n.record-chart-maximas,\n.record-chart-minimas {\n .xAxis {\n path {\n display: none;\n }\n .tick line {\n display: none;\n }\n }\n}\n\n.container-recomendaciones {\n font-size: 0;\n position: relative;\n}\n\n.imagen-recomendaciones {\n width: 100%;\n}\n\n.container-recomendaciones-lista {\n position: absolute;\n right: 5vw;\n top: -5vh;\n max-width: 25vw;\n background-color: #fafafa;\n border-radius: 5px;\n list-style-type: none;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);\n padding-left: 0;\n}\n\n.container-recomendaciones-elemento {\n padding: 1rem;\n vertical-align: middle;\n &:not(:last-child) {\n border-bottom: 1px solid #E1E1E1;\n }\n &:first-child {\n padding-top: 1.5rem;\n }\n &:last-child {\n padding-bottom: 1.5rem;\n }\n}\n\n.container-recomendaciones-texto {\n display: inline-block;\n vertical-align: middle;\n width: calc(100% - 50px);\n font-size: 14px;\n font-weight: normal;\n font-family: var(--montserrat);\n padding-left: .5rem;\n}\n\n.icon-recomendaciones {\n width: 48px;\n height: 48px;\n display: inline-block;\n vertical-align: middle;\n path {\n fill: #72BE49;\n stroke: none;\n }\n}\n\n.recomendaciones-subtitle {\n color: var(--impureBlack);\n border-radius: 5px;\n font-family: var(--montserrat);\n font-size: 1rem;\n max-width: 40vw;\n}\n",".footer {\n background-color: #E25772;\n width: 100%;\n padding: 10vh 0;\n}\n\n.footer-texto {\n color: var(--impureBlack);\n font-weight: bold;\n}\n\n.footer-links {\n font-weight: bold;\n}\n",".temperatura-media-chart-graph {\n .line {\n fill: var(--gradient2);\n stroke: none;\n }\n .x-axis,\n .y-axis {\n .domain {\n stroke: none;\n }\n }\n .tick {\n text {\n font-weight: bold;\n font-size: 12px;\n }\n line {\n stroke: var(--impureBlack);\n }\n }\n .overlay {\n fill: none;\n pointer-events: all;\n }\n .circle-focus {\n fill: #30155d;\n stroke: #30155d;\n }\n .text-focus {\n font-size: 14px;\n font-weight: bold;\n }\n}\n","@media only screen and (min-width: 48em) {\n\n .grid-intro {\n height: 100vh;\n display: grid;\n grid-template-columns: 50% 40%;\n grid-column-gap: 20px;\n grid-row-gap: 20px;\n justify-items: center;\n align-items: center;\n }\n\n .title {\n font-size: 100px;\n }\n\n .container-texto {\n padding-left: 20px;\n }\n\n .clima-intro {\n max-width: 40vw;\n margin: 5vh auto;\n margin-bottom: 0;\n }\n\n .wrapper-vw {\n max-width: 40vw;\n }\n\n .clima-subtitle {\n font-size: 32px;\n width: 100%;\n }\n\n .subtitle {\n font-size: 32px;\n margin: 25px auto;\n white-space: nowrap;\n }\n\n .container-buttons {\n text-align: center;\n padding: 5px;\n }\n\n .label-record {\n padding: 15px;\n width: auto;\n &:nth-of-type(4n+1) {\n margin-left: 0;\n }\n &:nth-of-type(1) {\n margin-left: 5vw;\n }\n }\n\n .tabla-grid {\n width: 40%;\n margin: 0 5% 5% 0;\n }\n\n .grid-text,\n .grid-text-bold {\n padding: 8px;\n }\n\n .temp-max-graph {\n margin-top: 100px;\n }\n\n .tabla-record-minimas-mobile {\n display: none;\n }\n\n .tabla-record-minimas-desktop {\n display: inline-block;\n }\n\n .tabla-record-header {\n width: 90%;\n }\n\n .tabla-record-header-text {\n width: 50%;\n text-align: left;\n }\n\n .margin-section {\n margin: 64px auto;\n }\n\n .tabs-maximas-minimas {\n text-align: center;\n .texto {\n text-align: left;\n }\n }\n\n .wrapper-footer {\n max-width: 70vw;\n }\n\n .navegacion {\n padding: 5rem;\n }\n\n .navegacion-btn {\n font-size: 16px;\n &:not(:last-child) {\n padding-right: 16px;\n }\n }\n}\n"],"sourceRoot":"/src"} \ No newline at end of file +{"version":3,"sources":["styles.css","_reset.css","_comun.css","_header.css","_principal.css","_clima.css","_maximas.css","_tropicales.css","_lluvias.css","_heladas.css","_records.css","_footer.css","_anual.css","_responsive.css"],"names":[],"mappings":"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CX,iBAAiB;CACpB;;AAED;IACI,cAAc;CACjB;;AAKO;YACI,cAAc;SACjB;;AACD;YACI,cAAc;SACjB;;AAIT;IACI,aAAa;IACb,mBAAmB;CACtB;;AAED;IACI,YAAY;CACf;;AAED;IACI,mBAAmB;IACnB,WAAW;IACX,UAAU;IACV,gBAAgB;IAChB,0BAA0B;IAC1B,mBAAmB;IACnB,sBAAsB;IACtB,yCAAyC;IACzC,gBAAgB;CACnB;;AAED;IACI,cAAc;IACd,uBAAuB;CAU1B;;AATG;QACI,iCAAiC;KACpC;;AACD;QACI,oBAAoB;KACvB;;AACD;QACI,uBAAuB;KAC1B;;AAGL;IACI,sBAAsB;IACtB,uBAAuB;IACvB,yBAAyB;IACzB,mBAAgB;IAChB,oBAAoB;IACpB,sCAA+B;IAC/B,oBAAoB;CACvB;;AAED;IACI,YAAY;IACZ,aAAa;IACb,sBAAsB;IACtB,uBAAuB;CAK1B;;AAJG;QACI,cAAc;QACd,aAAa;KAChB;;AAGL;IACI,YAA0B;IAC1B,mBAAmB;IACnB,sCAA+B;IAC/B,gBAAgB;IAChB,gBAAgB;CACnB;;AC/LD;IACI,0BAA0B;IAC1B,YAAY;IACZ,gBAAgB;CACnB;;AAED;;IAEI,oBAAoB;IACpB,4CAA2B;IAC3B,gBAAgB;CACnB;;AAED;IACI,kBAAkB;CACrB;;ACdG;QACI,cAAuB;QACvB,aAAa;KAChB;;AAGG;YACI,aAAa;SAChB;;AAGD;YACI,kBAAkB;YAClB,mBAAgB;SACnB;;AACD;YACI,aAA2B;SAC9B;;AAEL;MACE,WAAW;MACX,oBAAoB;KACrB;;AACD;QACI,cAAc;QACd,gBAAgB;KACnB;;AACD;QACI,mBAAgB;QAChB,kBAAkB;KACrB;;AC/BL;;IAEI;QACI,cAAc;QACd,cAAc;QACd,+BAA+B;QAC/B,sBAAsB;QACtB,mBAAmB;QACnB,sBAAsB;QACtB,oBAAoB;KACvB;;IAED;QACI,mBAAiB;KACpB;;IAED;QACI,mBAAmB;KACtB;;IAED;QACI,gBAAgB;QAChB,iBAAiB;QACjB,iBAAiB;KACpB;;IAED;QACI,gBAAgB;KACnB;;IAED;QACI,gBAAgB;QAChB,YAAY;KACf;;IAED;QACI,gBAAgB;QAChB,qBAAkB;QAClB,oBAAoB;KACvB;;IAED;QACI,mBAAmB;QACnB,iBAAa;KAChB;;IAED;QACI,iBAAc;QACd,YAAY;KAOf;QANG;YACI,eAAe;SAClB;QACD;YACI,iBAAiB;SACpB;;IAGL;QACI,WAAW;QACX,kBAAkB;KACrB;;IAED;;QAEI,gBAAa;KAChB;;IAED;QACI,kBAAkB;KACrB;;IAED;QACI,cAAc;KACjB;;IAED;QACI,sBAAsB;KACzB;;IAED;QACI,WAAW;KACd;;IAED;QACI,WAAW;QACX,iBAAiB;KACpB;;IAED;QACI,kBAAkB;KACrB;;IAED;QACI,mBAAmB;KAItB;QAHG;YACI,iBAAiB;SACpB;;IAGL;QACI,gBAAgB;KACnB;;IAED;QACI,cAAc;KACjB;;IAED;QACI,gBAAgB;KAInB;QAHG;YACI,oBAAoB;SACvB;CAER","file":"styles.css","sourcesContent":["/*\n Base CSS por Jorge Aznar\n http://jorgeatgu.com\n Estructura básica para iniciar cualquier proyecto con postCSS\n*/\n\n@import '_reset';\n@import '_variables';\n@import '_comun';\n@import '_header';\n@import '_principal';\n@import '_clima';\n@import '_maximas';\n@import '_tropicales';\n@import '_lluvias';\n@import '_heladas';\n@import '_records';\n@import '_footer';\n@import '_anual';\n@import '_responsive';\n","/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n","* {\n font-family: var(--fontSystem);\n line-height: 1.3;\n box-sizing: border-box;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nspan,\np {\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n background: var(--background);\n}\n\nsvg {\n max-width: 1200px;\n display: block;\n margin: 0 auto;\n}\n\n.bold {\n font-family: var(--roboto);\n font-weight: bold;\n}\n\n.montserrat {\n font-family: var(--montserrat);\n}\n\n.roboto {\n font-family: var(--roboto);\n}\n\n.system-font {\n font-family: var(--fontSystem);\n}\n\n.monospace {\n font-family: var(--monospace);\n}\n\n.color-title-max {\n color: var(--midnightBlue);\n}\n\n.color-title-min {\n color: var(--impureWhite);\n}\n\n.wrapper-vw,\n.wrapper-footer {\n width: 90vw;\n margin: 0 auto;\n}\n\n.subtitle {\n font-family: var(--montserrat);\n color: #072a12;\n font-weight: bold;\n font-size: 24px;\n margin: 5px auto;\n text-align: left;\n &:before {\n content: '';\n display: block;\n border-bottom: 5px solid var(--gradient2);\n width: 1em;\n }\n}\n\n.texto {\n font-size: 18px;\n color: var(--impureBlack);\n font-family: var(--roboto);\n}\n\n.tropicales,\n.heladas {\n position: relative;\n text-align: center;\n .wrapper-vw {\n margin-bottom: 0;\n }\n}\n\n.chart-container {\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.tropicales-text {\n text-align: left;\n &.wrapper-vw {\n margin-top: 0;\n }\n}\n\n.chart-lluvias-recogida {\n .line {\n stroke: blue;\n stroke-width: 2px;\n }\n}\n\n.lluvias-mes-media-chart-graph {\n .bar {\n fill: #82ceea;\n }\n}\n\n.lluvias-por-mes-select {\n border-radius: 5px;\n padding: 10px;\n border: 1px solid #ddd;\n max-width: 10rem;\n background-color: #f1f1f1;\n margin: 25px 0;\n select {\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n appearance: none;\n box-shadow: none;\n border: 0 !important;\n width: 100%;\n background-color: transparent;\n height: 100%;\n background-image: url(../img/select-arrow.svg);\n background-repeat: no-repeat;\n -webkit-background-size: 100%;\n background-size: 20px;\n background-position: 95% center;\n }\n}\n\n.lluvias-por-mes-chart-container {\n position: relative;\n}\n\n.tooltip-lluvia-mes-container {\n position: absolute;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n padding: 5px 15px;\n border-left: 5px solid #34009c;\n background-color: #F3F3F3;\n box-shadow: 0 3px 4px rgba(0, 0, 0, .2);\n top: 25%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.tooltip-lluvia-mes {\n font-size: 16px;\n color: #34009c;\n}\n\n.tooltip-lluvia-mes-total {\n font-weight: bold;\n}\n\n.data-viz {\n width: 100%;\n padding: 2.5rem 0;\n font-size: 0;\n background-color: #f4f4f4;\n}\n\n.data-viz-container {\n max-width: 90vw;\n margin: 0 auto;\n text-align: center;\n}\n\n.data-viz-title {\n font-size: 1.5rem;\n font-family: var(--montserrat);\n font-weight: bold;\n text-align: center;\n}\n\n.data-viz-element {\n width: 90%;\n display: inline-block;\n text-decoration: none;\n vertical-align: top;\n}\n\n.data-viz-subtitle {\n font-size: 1rem;\n font-weight: bold;\n font-family: var(--montserrat);\n color: #111;\n margin: .25rem 0;\n text-align: left;\n}\n\n.data-viz-element-img {\n width: 100%;\n max-width: 100%;\n object-fit: cover;\n}\n\n.data-viz-element-txt {\n font-size: 1rem;\n font-family: var(--roboto);\n line-height: 1.3;\n text-align: left;\n margin-top: .25rem;\n color: #111;\n}\n\n.tick text {\n font-family: var(--roboto) !important;\n font-size: 14px !important;\n}\n\n.tooltip-tropical-container {\n width: 10rem;\n border-radius: 2px;\n background-color: rgba(53, 10, 79, .8);\n position: absolute;\n z-index: 2;\n padding: .5rem;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .31), 0 2px 4px 0 rgba(50, 50, 58, .2);\n .tooltipTropical {\n margin: 0;\n color: #fff;\n font-family: var(--roboto);\n display: inline-block;\n\n + p {\n display: none;\n }\n }\n\n}\n\n.tropicales-dia-chart {\n .domain {\n fill: none;\n stroke: none;\n }\n}\n\n@media only screen and (min-width: 48em) {\n\n .data-viz-container {\n max-width: 70vw;\n }\n\n .data-viz-element {\n width: 16rem;\n &:not(:last-child) {\n margin-right: 2rem;\n }\n }\n\n}\n","/* Menu inspired: https://codepen.io/BeanBaag/pen/XZRewP remove jQuery for JavaScript */\n\n.burger {\n width: 50px;\n height: 50px;\n position: fixed;\n top: 20px;\n right: 20px;\n border-radius: 4px;\n z-index: 10;\n}\n.burger span {\n margin-bottom: 9px;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -15px;\n margin-top: -1.5px;\n}\n.burger span,\n.burger span:before,\n.burger span:after {\n display: block;\n width: 30px;\n height: 3px;\n background-color: #2a2a2a;\n outline: 1px solid transparent;\n -webkit-transition-property: background-color, -webkit-transform;\n transition-property: background-color, transform;\n -webkit-transition-duration: .3s;\n transition-duration: .3s;\n}\n\n.burger span:before,\n.burger span:after {\n position: absolute;\n content: \"\";\n}\n\n.burger span:before {\n top: -9px;\n}\n\n.burger span:after {\n top: 9px;\n}\n\n.burger.clicked span {\n background-color: transparent;\n}\n\n.burger.clicked span:before {\n -webkit-transform: translateY(9px) rotate(45deg);\n transform: translateY(9px) rotate(45deg);\n}\n\n.burger.clicked span:after {\n -webkit-transform: translateY(-9px) rotate(-45deg);\n transform: translateY(-9px) rotate(-45deg);\n}\n\n.burger.clicked span:before,\n.burger.clicked span:after {\n background-color: var(--white);\n}\n\n.burger:hover {\n cursor: pointer;\n}\n\n/* .navegacion\n========================================== */\n.navegacion {\n background-color: var(--gradient2);\n position: fixed;\n z-index: 9;\n top: 0;\n right: 0;\n height: 100%;\n max-width: 25rem;\n width: 100%;\n padding: 2rem;\n overflow-y: auto;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transition: transform .55s cubic-bezier(.785, .135, .15, .86);\n transition: transform .55s cubic-bezier(.785, .135, .15, .86);\n}\n.navegacion.show {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n.navegacion.show .navegacion-btn {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1;\n}\n.navegacion.show .navegacion-btn:nth-child(1) {\n transition-delay: .15s;\n}\n.navegacion.show .navegacion-btn:nth-child(2) {\n transition-delay: .3s;\n}\n.navegacion.show .navegacion-btn:nth-child(3) {\n transition-delay: .45s;\n}\n.navegacion.show .navegacion-btn:nth-child(4) {\n transition-delay: .6s;\n}\n.navegacion.show .navegacion-btn:nth-child(5) {\n transition-delay: .75s;\n}\n.navegacion.show .navegacion-btn:nth-child(6) {\n transition-delay: .9s;\n}\n.navegacion.show .navegacion-btn:nth-child(7) {\n transition-delay: 1.05s;\n}\n.navegacion.show .navegacion-btn:nth-child(8) {\n transition-delay: 1.2s;\n}\n.navegacion.show .navegacion-btn:nth-child(9) {\n transition-delay: 1.35s;\n}\n\n.navegacion .navegacion-btn {\n margin-bottom: 5px;\n -webkit-transform: translateX(40px);\n transform: translateX(40px);\n opacity: 0;\n color: var(--impureBlack);\n font-family: var(--montserrat);\n text-decoration: none;\n text-transform: uppercase;\n font-size: 1.5rem;\n display: block;\n letter-spacing: 1px;\n font-weight: 600;\n padding: 10px 0;\n -webkit-transition: all .3s ease;\n transition: all .3s ease;\n\n}\n.navegacion .navegacion-btn:last-of-type {\n margin-bottom: 0px;\n}\n\n/* OVERLAY\n========================================== */\n.overlay {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out;\n background-color: #b7ac7f;\n opacity: 0;\n visibility: hidden;\n}\n.overlay.show {\n opacity: .8;\n visibility: visible;\n}\n\n.menu--inola {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.menu--inola .menu__item {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.menu--inola .menu__item:last-child {\n margin-bottom: 0;\n}\n\n.menu--inola .menu__item-name {\n padding: 0 .25rem;\n color: #00032d;\n font-family: var(--montserrat);\n}\n\n.menu--inola .menu__item-name:before {\n content: '';\n position: absolute;\n top: calc(50% - 2px);\n left: 0;\n width: 100%;\n height: 4px;\n pointer-events: none;\n background: #fbb788;\n transform: scale3d(0, 1, 1);\n transform-origin: 100% 50%;\n transition: transform .5s;\n transition-timing-function: cubic-bezier(.8, 0, .2, 1);\n}\n\n.menu--inola .menu__item:hover .menu__item-name:before,\n.menu--inola .menu__item:focus .menu__item-name:before {\n transform: scale3d(1, 1, 1);\n transform-origin: 0% 50%;\n}\n",".grid-intro {\n background: linear-gradient(150deg, var(--gradient1) 15%, var(--gradient2) 70%, var(--gradient3) 94%);\n padding: 20px;\n}\n\n.title {\n font-family: var(--montserrat);\n font-size: 70px;\n font-weight: bold;\n color: #000;\n margin: 5px 0;\n &:after {\n content: '';\n display: block;\n border-bottom: 1px solid var(--impureBlack);\n width: .6em;\n }\n &:before {\n content: '';\n display: block;\n border-bottom: 1px solid var(--impureBlack);\n width: .6em;\n }\n}\n",".clima-intro {\n position: relative;\n padding: 20px;\n}\n\n.clima-subtitle {\n font-size: 24px;\n margin: 5px 0;\n}\n\n.clima-pie {\n font-size: 16px;\n font-family: var(--roboto);\n margin-top: 16px;\n color: var(--impureBlack);\n display: block;\n text-align: center;\n}\n\n.clima-legend {\n font-family: var(--roboto);\n font-size: 18px;\n}\n\n.clima-link {\n display: block;\n margin-top: 10px;\n}\n\n.chart-temp {\n .xAxis {\n .domain {\n fill: none;\n stroke: #111;\n stroke-dasharray: 3px 3px;\n }\n }\n}\n",".text-button {\n font-size: 16px;\n font-weight: bold;\n margin-top: 0;\n}\n\n.container-inputs {\n display: inline-block;\n}\n\n.inputs-label {\n display: block;\n margin-bottom: 5px;\n text-align: left;\n font-weight: bold;\n}\n\n.textoBarras,\n.xAxis,\n.yAxis {\n text {\n font-size: 12px;\n font-weight: bold;\n }\n}\n\n.yAxis {\n path {\n stroke: none;\n }\n}\n\npath {\n fill: none;\n stroke: black;\n}\n\n.tooltip {\n position: absolute;\n z-index: 2;\n width: 70px;\n margin-left: 20px;\n padding: 10px;\n background: var(--bgcTooltip);\n border: 1px solid var(--impureGrey);\n border-radius: 3px;\n}\n\n.tooltipYear,\n.tooltipTemp {\n font-weight: bold;\n font-size: 14px;\n margin: 0 0 5px;\n color: var(--textTooltip);\n}\n\n.tick line {\n fill: none;\n stroke: #888;\n stroke-dasharray: 3px 3px;\n}\n\n.input-update-grafica {\n border: 1px solid var(--impureBlack);\n height: 50px;\n max-width: 50px;\n box-sizing: border-box;\n padding: 0 10px;\n display: inline-block;\n}\n\n.container-update-grafica {\n display: inline-block;\n text-align: center;\n}\n\n.container-buttons {\n padding: 20px;\n}\n\n.btn-update-max,\n.btn-update-min {\n -webkit-transition: border-color .4s, color .4s;\n transition: border-color .4s, color .4s;\n}\n.btn-update-max:before,\n.btn-update-min:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #eafd8e;\n z-index: -1;\n opacity: 0;\n -webkit-transform: scale3d(.7, 1, 1);\n transform: scale3d(.7, 1, 1);\n -webkit-transition: -webkit-transform 1s, opacity 1s;\n transition: transform 1s, opacity 1s;\n -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n}\n\n.btn-update-min:before {\n background: #67efb6;\n}\n\n.btn-update-max,\n.btn-update-max:before,\n.btn-update-min,\n.btn-update-min:before {\n -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n transition-timing-function: cubic-bezier(.2, 1, .3, 1);\n}\n\n.btn-update-max:hover:before,\n.btn-update-min:hover:before {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.btn-update-grafica {\n background-color: #CA2A4E;\n display: inline-block;\n cursor: pointer;\n min-width: 150px;\n max-width: 250px;\n margin: 1em;\n margin-left: 0;\n padding: 1em 2em;\n border: 1px solid #eafd8e;\n color: #eafd8e;\n position: relative;\n font-weight: bold;\n letter-spacing: 1px;\n z-index: 1;\n -webkit-backface-visibility: hidden;\n -moz-osx-font-smoothing: grayscale;\n &.btn-update-min {\n background-color: #3B5795;\n border: 1px solid #67efb6;\n color: #67efb6;\n }\n}\n\n.btn-update-max:hover {\n color: #CA2A4E;\n border: 1px solid #CA2A4E;\n}\n\n.btn-update-min:hover {\n color: #3B5795;\n border: 1px solid #3B5795;\n}\n","/* .tropicales:after {\n content: \"\";\n display: block;\n width: 32rem;\n height: 32rem;\n background: var(--gradient2);\n position: absolute;\n top: 1rem;\n left: -60rem;\n right: 0;\n margin: auto;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n*/\n\n.chart-tropicales,\n.chart-heladas {\n .tick {\n line {\n stroke-dasharray: 0;\n stroke: var(--impureBlack);\n }\n }\n .tooltip {\n background-color: var(--impureGrey);\n }\n .xAxis {\n line,\n path {\n display: none;\n }\n }\n}\n\n.tooltipHeladas,\n.tooltipTropicales {\n font-weight: bold;\n font-size: 14px;\n margin: 0 0 5px;\n color: #fff;\n + p {\n display: none;\n }\n}\n\n.chart-tropicales {\n .annotation-note-bg {\n fill: transparent;\n }\n .annotation-note-label tspan {\n fill: #E8336D;\n font-weight: bold;\n font-family: var(--roboto);\n }\n .annotation-subject path {\n fill: #30155d;\n stroke: #30155d;\n }\n .annotation-note path,\n .connector {\n stroke: #30155d;\n }\n .tick line {\n fill: none;\n stroke: #777;\n stroke-dasharray: 3px 3px;\n }\n}\n",".precipitaciones-chart-container {\n position: relative;\n}\n\n.chart-lluvias-recogida {\n path {\n fill: none;\n stroke: none;\n }\n .area {\n fill: #82ceea;\n }\n circle.y {\n fill: #eda937;\n stroke: #eda937;\n r: 10;\n }\n .x,\n .y {\n stroke: #eda937;\n stroke-width: 2;\n opacity: 1;\n }\n .tick {\n text {\n font-size: 12px;\n font-weight: bold;\n }\n }\n}\n\n.tooltip-lluvias {\n background-color: #34009c;\n height: auto;\n width: 300px;\n border-color: #34009c;\n margin-left: 0;\n p {\n &:empty {\n display: none;\n }\n }\n .tooltipYear {\n color: var(--white);\n font-size: 1.1rem;\n font-weight: normal;\n max-width: 300px;\n .textYear {\n display: block;\n font-size: 1.3rem;\n }\n span {\n font-weight: bold;\n font-family: var(--monospace);\n }\n }\n}\n",".heladas-text {\n text-align: left;\n}\n\n.chart-heladas {\n .yAxis {\n .tick line {\n fill: none;\n stroke: #777;\n stroke-dasharray: 3px 3px;\n }\n }\n}\n","/*\n RESPONSIVE TABS by Oliver Knoblich\n https://codepen.io/oknoblich/pen/tfjFl\n*/\n\n.tabla-record {\n display: none;\n padding: 20px 0;\n border: 1px solid var(--impureGrey);\n text-align: center;\n}\n\n.tabla-grid {\n display: inline-grid;\n grid-template-columns: repeat(3, 33.33%);\n border: 1px solid #000;\n width: 90%;\n background-color: #fff;\n}\n\n.input-record {\n display: none;\n}\n\n.label-record {\n display: inline-block;\n margin: 0 0 -1px;\n padding: 2px;\n font-weight: 600;\n font-size: 14px;\n text-align: center;\n color: var(--impureGrey);\n border: 1px solid var(--impureGrey);\n width: 20%;\n &:hover {\n color: var(--impureBlack);\n cursor: pointer;\n }\n &:nth-of-type(4n+1) {\n margin-left: 10px;\n }\n}\n\n.label-responsive {\n display: none;\n}\n\n.input-record:checked + .label-record {\n color: var(--impureBlack);\n border: 1px solid var(--impureGrey);\n border-top: 5px solid var(--gradient2);\n border-bottom: 1px solid var(--impureWhite);\n background-color: var(--impureWhite);\n}\n\n#tab1:checked ~ .contenido1,\n#tab2:checked ~ .contenido2,\n#tab3:checked ~ .contenido3,\n#tab4:checked ~ .contenido4,\n#tab5:checked ~ .contenido5,\n#tab6:checked ~ .contenido6,\n#tab7:checked ~ .contenido7,\n#tab8:checked ~ .contenido8,\n#tab9:checked ~ .contenido9,\n#tab10:checked ~ .contenido10,\n#tab11:checked ~ .contenido11,\n#tab12:checked ~ .contenido12 {\n display: block;\n background-color: var(--impureWhite);\n}\n\n.grid-text,\n.grid-text-bold {\n display: block;\n padding: 10px 0;\n font-family: var(--roboto);\n &:not(:last-child) {\n border-bottom: 1px solid #ccc;\n }\n}\n\n.grid-text-bold {\n font-weight: bold;\n}\n\n.grid-title {\n border-bottom: 1px solid #ccc;\n padding: 10px;\n margin: 0;\n}\n\n.grid-title-min {\n background-color: var(--btnMinBgc);\n}\n\n.grid-title-max {\n background-color: var(--gradient2);\n}\n\n.tabla-record-header {\n width: 100%;\n display: inline-block;\n font-size: 0;\n}\n\n.tabla-record-header-text {\n display: inline-block;\n font-size: 30px;\n margin-bottom: 10px;\n width: 90%;\n text-align: left;\n}\n\n.tabla-record-minimas-desktop {\n display: none;\n}\n\n.record-chart-maximas,\n.record-chart-minimas {\n .xAxis {\n path {\n display: none;\n }\n .tick line {\n display: none;\n }\n }\n}\n\n.container-recomendaciones {\n font-size: 0;\n position: relative;\n}\n\n.imagen-recomendaciones {\n width: 100%;\n}\n\n.container-recomendaciones-lista {\n position: absolute;\n right: 5vw;\n top: -5vh;\n max-width: 25vw;\n background-color: #fafafa;\n border-radius: 5px;\n list-style-type: none;\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);\n padding-left: 0;\n}\n\n.container-recomendaciones-elemento {\n padding: 1rem;\n vertical-align: middle;\n &:not(:last-child) {\n border-bottom: 1px solid #E1E1E1;\n }\n &:first-child {\n padding-top: 1.5rem;\n }\n &:last-child {\n padding-bottom: 1.5rem;\n }\n}\n\n.container-recomendaciones-texto {\n display: inline-block;\n vertical-align: middle;\n width: calc(100% - 50px);\n font-size: 14px;\n font-weight: normal;\n font-family: var(--montserrat);\n padding-left: .5rem;\n}\n\n.icon-recomendaciones {\n width: 48px;\n height: 48px;\n display: inline-block;\n vertical-align: middle;\n path {\n fill: #72BE49;\n stroke: none;\n }\n}\n\n.recomendaciones-subtitle {\n color: var(--impureBlack);\n border-radius: 5px;\n font-family: var(--montserrat);\n font-size: 1rem;\n max-width: 40vw;\n}\n",".footer {\n background-color: #E25772;\n width: 100%;\n padding: 10vh 0;\n}\n\n.footer-texto,\n.footer-links {\n color: var(--black);\n font-family: var(--roboto);\n font-size: 1rem;\n}\n\n.footer-links {\n font-weight: bold;\n}\n",".temperatura-media-chart-graph {\n .line {\n fill: var(--gradient2);\n stroke: none;\n }\n .x-axis,\n .y-axis {\n .domain {\n stroke: none;\n }\n }\n .tick {\n text {\n font-weight: bold;\n font-size: 12px;\n }\n line {\n stroke: var(--impureBlack);\n }\n }\n .overlay {\n fill: none;\n pointer-events: all;\n }\n .circle-focus {\n fill: #30155d;\n stroke: #30155d;\n }\n .text-focus {\n font-size: 14px;\n font-weight: bold;\n }\n}\n","@media only screen and (min-width: 48em) {\n\n .grid-intro {\n height: 100vh;\n display: grid;\n grid-template-columns: 50% 40%;\n grid-column-gap: 20px;\n grid-row-gap: 20px;\n justify-items: center;\n align-items: center;\n }\n\n .title {\n font-size: 100px;\n }\n\n .container-texto {\n padding-left: 20px;\n }\n\n .clima-intro {\n max-width: 40vw;\n margin: 5vh auto;\n margin-bottom: 0;\n }\n\n .wrapper-vw {\n max-width: 40vw;\n }\n\n .clima-subtitle {\n font-size: 32px;\n width: 100%;\n }\n\n .subtitle {\n font-size: 32px;\n margin: 25px auto;\n white-space: nowrap;\n }\n\n .container-buttons {\n text-align: center;\n padding: 5px;\n }\n\n .label-record {\n padding: 15px;\n width: auto;\n &:nth-of-type(4n+1) {\n margin-left: 0;\n }\n &:nth-of-type(1) {\n margin-left: 5vw;\n }\n }\n\n .tabla-grid {\n width: 40%;\n margin: 0 5% 5% 0;\n }\n\n .grid-text,\n .grid-text-bold {\n padding: 8px;\n }\n\n .temp-max-graph {\n margin-top: 100px;\n }\n\n .tabla-record-minimas-mobile {\n display: none;\n }\n\n .tabla-record-minimas-desktop {\n display: inline-block;\n }\n\n .tabla-record-header {\n width: 90%;\n }\n\n .tabla-record-header-text {\n width: 50%;\n text-align: left;\n }\n\n .margin-section {\n margin: 64px auto;\n }\n\n .tabs-maximas-minimas {\n text-align: center;\n .texto {\n text-align: left;\n }\n }\n\n .wrapper-footer {\n max-width: 70vw;\n }\n\n .navegacion {\n padding: 5rem;\n }\n\n .navegacion-btn {\n font-size: 16px;\n &:not(:last-child) {\n padding-right: 16px;\n }\n }\n}\n"],"sourceRoot":"/src"} \ No newline at end of file diff --git a/csv/dias-de-lluvia.csv b/csv/dias-de-lluvia.csv index c7863fa..97ea1c6 100644 --- a/csv/dias-de-lluvia.csv +++ b/csv/dias-de-lluvia.csv @@ -76,4 +76,4 @@ fecha,dias_lluvia,precipitacion_anual 2015,50,336.5 2016,51,361.5 2017,30,272.7 -2018,77,376.4 +2018,95,442.2 diff --git a/csv/meses-lluvia.csv b/csv/meses-lluvia.csv index 03a1fea..0993bcc 100644 --- a/csv/meses-lluvia.csv +++ b/csv/meses-lluvia.csv @@ -930,3 +930,4 @@ ABRIL,2018,109.0,329.6 MAYO,2018,81.6,329.6 JUNIO,2018,11.2,329.6 JULIO,2018,46.8,376.4 +AGOSTO,2018,65.8,442.2 diff --git a/csv/temperaturas.csv b/csv/temperaturas.csv index cd0a75b..72d08ea 100644 --- a/csv/temperaturas.csv +++ b/csv/temperaturas.csv @@ -24679,3 +24679,34 @@ fecha,maxima,minima 29-07-2018,36.7,20.4 30-07-2018,36.6,22.0 31-07-2018,36.5,23.7 +01-08-2018,36.1,21.8 +02-08-2018,38.9,22.3 +03-08-2018,39.2,23.6 +04-08-2018,37.3,23.8 +05-08-2018,37.7,22.8 +06-08-2018,38.9,22.9 +07-08-2018,37.9,22.2 +08-08-2018,36.0,21.3 +09-08-2018,28.6,19.2 +10-08-2018,30.3,17.9 +11-08-2018,34.6,20.0 +12-08-2018,34.7,16.9 +13-08-2018,32.5,19.1 +14-08-2018,28.3,19.1 +15-08-2018,31.0,17.3 +16-08-2018,34.3,19.8 +17-08-2018,28.8,17.6 +18-08-2018,28.8,15.4 +19-08-2018,32.2,17.1 +20-08-2018,32.6,18.9 +21-08-2018,34.1,19.7 +22-08-2018,34.9,20.1 +23-08-2018,33.2,21.7 +24-08-2018,29.7,19.1 +25-08-2018,27.0,17.3 +26-08-2018,31.2,16.2 +27-08-2018,33.7,18.4 +28-08-2018,34.2,21.1 +29-08-2018,31.7,19.4 +30-08-2018,30.3,18.7 +31-08-2018,30.5,18.4 diff --git a/csv/tropicales-por-dia.csv b/csv/tropicales-por-dia.csv index 9e40213..414b16f 100644 --- a/csv/tropicales-por-dia.csv +++ b/csv/tropicales-por-dia.csv @@ -997,3 +997,15 @@ fecha,max,min 29-07-2018,36.7,20.4 30-07-2018,36.6,22.0 31-07-2018,36.5,23.7 +01-08-2018,36.1,21.8 +02-08-2018,38.9,22.3 +03-08-2018,39.2,23.6 +04-08-2018,37.3,23.8 +05-08-2018,37.7,22.8 +06-08-2018,38.9,22.9 +07-08-2018,37.9,22.2 +08-08-2018,36.0,21.3 +11-08-2018,34.6,20.0 +22-08-2018,34.9,20.1 +23-08-2018,33.2,21.7 +28-08-2018,34.2,21.1 diff --git a/csv/tropicales.csv b/csv/tropicales.csv index fd83683..10df205 100644 --- a/csv/tropicales.csv +++ b/csv/tropicales.csv @@ -66,4 +66,4 @@ fecha,dias 2015,41 2016,33 2017,38 -2018,19 +2018,31 diff --git a/index.html b/index.html index 8c4a607..aca24c6 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - +
@@ -40,20 +40,6 @@Las razones por las cuales he elegido el período transcurrido entre 1951 y 2017 son, el costo de obtener mes a mes los datos de cada año, y la legibilidad de los datos. Incluir más años haría que los datos fueran menos legibles.
Para contabilizar las noches tropicales, se ha tomado como referencia, que la temperatura mínima, fuera igual o superior a 20ºC.
Para contabilizar las heladas, se ha tomado como referencia, que la temperatura mínima, fuera igual o inferior a 0ºC.
Para los récords, solamente se tienen en cuenta el último. Es decir, si el 3 de agosto de 2010 se alcanzo la máxima y en 2017 se volvió a batir ese récord, solamente se contabiliza el de 2017.
Todos los datos de las temperaturas son Información elaborada por la Agencia Estatal de Meteorología". Que es el sistema para la difusión y reutilización de la información de AEMET.
-Las fechas están actualizadas hasta el 30 de junio de 2018.
+Las fechas están actualizadas hasta el 31 de agosto de 2018.
'+a.maxima+"º
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(a){div.transition().duration(200).style("opacity",0)}),e.exit().remove()})}function updateMin(){var a=d3.select("#updateButtonDay").property("value"),t=d3.select("#updateButtonMonth").property("value");a<10&&(a=("0"+a).slice(-2)),t<10&&(t=("0"+t).slice(-2));var i=new RegExp("^.*"+(a+"-"+t)+".*","gi");d3.csv("csv/temperaturas.csv",function(a,t){dataFilterMin=t.filter(function(a){return String(a.fecha).match(i)}),dataFilterMin.forEach(function(a){a.fecha=a.fecha,a.maxima=+a.maxima,a.minima=+a.minima,a.year=getYear(a.fecha)}),maxTemp=d3.max(dataFilterMin,function(a){return a.minima}),minTemp=d3.min(dataFilterMin,function(a){return a.minima}),xRange.domain([d3.min(dataFilterMin,function(a){return a.year}),d3.max(dataFilterMin,function(a){return a.year})]),yRange.domain([d3.min(dataFilterMin,function(a){return a.minima}),d3.max(dataFilterMin,function(a){return a.minima})]);d3.scaleLinear().domain([0,25]).range(["#b0f2bc","#89e8ac","#67dba5","#4cc8a3","#38b2a3","#2c98a0","#257d98"]);d3.select(".yAxis").transition().duration(1e3).call(yAxis),d3.select(".xAxis").transition().duration(1e3).call(xAxis),d3.select(".legend-top").text("Temperaturas mínimas");var e=svg.selectAll("circle").data(dataFilterMin);e.transition().duration(1e3).attr("r",function(a){return a.minima===maxTemp?16:20<=a.minima?11:20<=a.minima?10:15<=a.minima?9:10<=a.minima?8:5<=a.minima?7:0<=a.minima?6:a.minima<0?4:void 0}).attr("cx",function(a){return xRange(a.year)}).attr("cy",function(a){return yRange(a.minima)}),e.style("fill",function(a){return a.minima===maxTemp?"#70284a":a.minima===minTemp?"#045275":20<=a.minima?"#b0f2bc":18<=a.minima?"#89e8ac":14<=a.minima?"#67dba5":10<=a.minima?"#4cc8a3":5<=a.minima?"#38b2a3":0<=a.minima?"#2c98a0":a.minima<0?"#257d98":void 0}),e.on("mouseover",function(a){div.transition(),div.style("opacity",1).html(''+a.year+'
'+a.minima+"º
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(a){div.transition().duration(200).style("opacity",0)}),e.exit().remove()})}d3.csv("csv/temperaturas.csv",function(a,t){(dataFiltered=t.filter(function(a){return String(a.fecha).match(/02-01/)})).forEach(function(a){a.fecha=a.fecha,a.maxima=+a.maxima,a.minima=+a.minima,a.year=getYear(a.fecha)}),maxTemp=d3.max(dataFiltered,function(a){return a.maxima}),minTemp=d3.min(dataFiltered,function(a){return a.maxima}),xRange.domain([d3.min(dataFiltered,function(a){return a.year}),d3.max(dataFiltered,function(a){return a.year})]),yRange.domain([d3.min(dataFiltered,function(a){return a.maxima}),d3.max(dataFiltered,function(a){return a.maxima})]),svg.append("g").attr("class","xAxis").attr("transform","translate(0,400)").transition().duration(1e3).call(xAxis),svg.append("g").attr("class","yAxis").attr("transform","translate(30, 0)").transition().duration(1e3).call(yAxis),svg.append("text").attr("class","legend-top").attr("transform","rotate(0)").attr("y",-20).attr("x",190).style("text-anchor","end").text("Temperaturas máximas"),svg.selectAll("dot").data(dataFiltered).enter().append("circle").attr("class","circles").on("mouseover",function(a){div.transition(),div.style("opacity",1).html(''+a.year+'
'+a.maxima+"º
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(a){div.transition().duration(200).style("opacity",0)}).transition().duration(1e3).attr("cx",function(a){return xRange(a.year)}).attr("cy",function(a){return yRange(a.maxima)}).attr("r",function(a){return a.maxima===maxTemp?12:a.maxima===minTemp?6:35<=a.maxima?11:30<=a.maxima?10:25<=a.maxima?9:20<=a.maxima?8:15<=a.maxima?7:6}).style("fill",function(a){return a.maxima===maxTemp?"#70284a":a.maxima===minTemp?"#045275":35<=a.maxima?"#9c3f5d":30<=a.maxima?"#c8586c":25<=a.maxima?"#dc7176":20<=a.maxima?"#ee8a82":15<=a.maxima?"#ee8a82":10<=a.maxima?"#4cc8a3":7<=a.maxima?"#38b2a3":3<=a.maxima?"#2c98a0":(a.maxima,"#257d98")})}); \ No newline at end of file +function menu(){var t=document.querySelector(".overlay"),a=document.querySelector(".navegacion"),e=document.querySelector("body"),n=document.querySelectorAll(".navegacion-btn"),r=document.querySelector(".burger");function o(){r.classList.toggle("clicked"),t.classList.toggle("show"),a.classList.toggle("show"),e.classList.toggle("overflow")}for(document.querySelector(".burger").addEventListener("click",o),document.querySelector(".overlay").addEventListener("click",o),i=0;i'+t.maxima+"º
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}),e.exit().remove()})}function updateMin(){var t=d3.select("#updateButtonDay").property("value"),a=d3.select("#updateButtonMonth").property("value");t<10&&(t=("0"+t).slice(-2)),a<10&&(a=("0"+a).slice(-2));var i=new RegExp("^.*"+(t+"-"+a)+".*","gi");d3.csv("csv/temperaturas.csv",function(t,a){dataFilterMin=a.filter(function(t){return String(t.fecha).match(i)}),dataFilterMin.forEach(function(t){t.fecha=t.fecha,t.maxima=+t.maxima,t.minima=+t.minima,t.year=getYear(t.fecha)}),maxTemp=d3.max(dataFilterMin,function(t){return t.minima}),minTemp=d3.min(dataFilterMin,function(t){return t.minima}),xRange.domain([d3.min(dataFilterMin,function(t){return t.year}),d3.max(dataFilterMin,function(t){return t.year})]),yRange.domain([d3.min(dataFilterMin,function(t){return t.minima}),d3.max(dataFilterMin,function(t){return t.minima})]),d3.select(".yAxis").transition().duration(1e3).call(yAxis),d3.select(".xAxis").transition().duration(1e3).call(xAxis),d3.select(".legend-top").text("Temperaturas mínimas");var e=svg.selectAll("circle").data(dataFilterMin);e.transition().duration(1e3).attr("r",6).style("fill","#257d98").attr("cx",function(t){return xRange(t.year)}).attr("cy",function(t){return yRange(t.minima)}),e.on("mouseover",function(t){div.transition(),div.style("opacity",1).html(''+t.year+'
'+t.minima+"º
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}),e.exit().remove()})}d3.csv("csv/temperaturas.csv",function(t,a){(dataFiltered=a.filter(function(t){return String(t.fecha).match(/02-01/)})).forEach(function(t){t.fecha=t.fecha,t.maxima=+t.maxima,t.minima=+t.minima,t.year=getYear(t.fecha)}),maxTemp=d3.max(dataFiltered,function(t){return t.maxima}),minTemp=d3.min(dataFiltered,function(t){return t.maxima}),xRange.domain([d3.min(dataFiltered,function(t){return t.year}),d3.max(dataFiltered,function(t){return t.year})]),yRange.domain([d3.min(dataFiltered,function(t){return t.maxima}),d3.max(dataFiltered,function(t){return t.maxima})]),svg.append("g").attr("class","xAxis").attr("transform","translate(0,400)").transition().duration(1e3).call(xAxis),svg.append("g").attr("class","yAxis").attr("transform","translate(30, 0)").transition().duration(1e3).call(yAxis),svg.append("text").attr("class","legend-top").attr("transform","rotate(0)").attr("y",-20).attr("x",190).style("text-anchor","end").text("Temperaturas máximas"),svg.selectAll("dot").data(dataFiltered).enter().append("circle").attr("class","circles").on("mouseover",function(t){div.transition(),div.style("opacity",1).html(''+t.year+'
'+t.maxima+"º
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}).transition().duration(1e3).attr("cx",function(t){return xRange(t.year)}).attr("cy",function(t){return yRange(t.maxima)}).attr("r",6).style("fill","#dc7176")}); \ No newline at end of file diff --git a/js/lluvia-recogida.js b/js/lluvia-recogida.js index 55c4c81..5404615 100644 --- a/js/lluvia-recogida.js +++ b/js/lluvia-recogida.js @@ -1 +1 @@ -var barPadding=2,datosRLLUMIN=[],margin={top:50,right:50,bottom:50,left:110},widthRLLUMIN=1200-margin.left-margin.right,heightRLLUMIN=500-margin.top-margin.bottom,element=document.getElementById("forno"),positionInfo=element.getBoundingClientRect(),widthDocument=positionInfo.width,svgRLLUMIN=d3.select(".precipitaciones-chart-container").append("svg").attr("class","chart-lluvias-recogida").attr("width",widthRLLUMIN+margin.left+margin.right).attr("height",heightRLLUMIN+margin.top+margin.bottom).append("g").attr("transform","translate("+(margin.left-margin.right)+","+margin.top+")"),layerDates=svgRLLUMIN.append("g"),focus=svgRLLUMIN.append("g").style("display","none"),bisectDate=d3.bisector(function(t){return t.fecha}).left,x=d3.scaleTime().domain([1941,2018]).range([0,widthRLLUMIN]),y=d3.scaleLinear().domain([0,1e3]).range([heightRLLUMIN,0]),xAxisRLLUMIN=d3.axisBottom(x).tickFormat(d3.format("d")).ticks(13),yAxisRLLUMIN=d3.axisLeft(y).tickSize(-widthRLLUMIN).tickFormat(d3.format("d")).ticks(5),area=d3.area().x(function(t){return x(t.fecha)}).y0(height).y1(function(t){return y(t.precipitacion_anual)}).curve(d3.curveCardinal.tension(.6)),tooltipDates=d3.select(".precipitaciones-chart-container").append("div").attr("class","tooltip tooltip-lluvias").style("opacity",0);d3.csv("csv/dias-de-lluvia.csv",function(t,a){(datosRLLUMIN=a).forEach(function(t){t.anual=t.fecha,t.dia=t.precipitacion_anual,t.dias=t.dias_lluvia}),svgRLLUMIN.append("g").attr("transform","translate(0,"+heightRLLUMIN+")").call(xAxisRLLUMIN),svgRLLUMIN.append("g").call(yAxisRLLUMIN);layerDates.append("path").data([datosRLLUMIN]).attr("class","area").attr("d",area);focus.append("line").attr("class","x").attr("y1",0).attr("y2",heightRLLUMIN),focus.append("text").attr("class","y2").attr("dx",8).attr("dy","-.3em"),focus.append("text").attr("class","y4").attr("dx",8).attr("dy","1em"),svgRLLUMIN.append("rect").attr("width",widthRLLUMIN).attr("height",heightRLLUMIN).style("fill","none").style("pointer-events","all").on("mouseover",function(){focus.style("display",null)}).on("mouseout",function(){focus.style("display","none"),tooltipDates.style("opacity",0)}).on("mousemove",function(){var t=x.invert(d3.mouse(this)[0]),a=bisectDate(datosRLLUMIN,t,1),i=datosRLLUMIN[a-1],e=datosRLLUMIN[a],o=t-i.fecha>e.fecha-t?e:i;positionX=x(o.fecha),positionX=x(o.fecha)+60,positionY=y(o.precipitacion_anual),postionWidthTooltip=positionX+300,positionRightTooltip=1200-positionX,tooltipDates.style("opacity",1).html(''+o.fecha+"En "+o.dias+" días de lluvia se recogieron "+o.precipitacion_anual+" milímetros de agua.
").style("left",1200'+o.fecha+"En "+o.dias+" días de lluvia se recogieron "+o.precipitacion_anual+" milímetros de agua.
").style("left",1200'+t.dia+"
").style("left",d3.event.pageX-50+"px").style("top",d3.event.pageY-100+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}).attr("fill",function(t,a){return colorsRMIN(a)}).attr("x",function(t){return xRangeRMIN(t.anyo)}).attr("y",function(t){return yRangeRMIN(t.dias)}).attr("height",function(t){return heightRMIN-yRangeRMIN(t.dias)})}); \ No newline at end of file +var barPadding=2,datosRMIN=[],margin={top:50,right:50,bottom:50,left:110},widthRMIN=1200-margin.left-margin.right,heightRMIN=500-margin.top-margin.bottom,svgRMIN=d3.select(".minimas-chart-container").append("svg").attr("class","record-chart-minimas").attr("width",widthRMIN+margin.left+margin.right).attr("height",heightRMIN+margin.top+margin.bottom).append("g").attr("transform","translate("+(margin.left-margin.right)+","+margin.top+")");widthBar=widthRMIN/66;var xRangeRMIN=d3.scaleLinear().range([30,widthRMIN]),yRangeRMIN=d3.scaleLinear().range([heightRMIN,0]),xAxisRMIN=d3.axisBottom().scale(xRangeRMIN).tickFormat(d3.format("d")).ticks(5),yAxisRMIN=d3.axisLeft().scale(yRangeRMIN).tickSize(16-widthRMIN).ticks(5);function resizeRMIN(){widthRMIN=parseInt(d3.select("#rmin-chart").style("width")),widthRMIN-=25;var t=d3.select(".record-chart-minimas");barpadding=1,xRangeRMIN=d3.scaleLinear().domain([d3.min(datosRMIN,function(t){return t.anyo}),d3.max(datosRMIN,function(t){return t.anyo})]).range([30,widthRMIN]),t.selectAll("rect").attr("width",widthRMIN/datosRMIN.length-barPadding).attr("fill","#257d98").attr("x",function(t){return xRangeRMIN(t.anyo)}).attr("y",function(t){return yRangeRMIN(t.dias)}).attr("height",function(t){return heightRMIN-yRangeRMIN(t.dias)}),t.data(datosRMIN).attr("width",widthRMIN).select("g").attr("transform","translate(0,0)"),xRangeRMIN.domain([d3.min(datosRMIN,function(t){return t.anyo}),d3.max(datosRMIN,function(t){return t.anyo})]),t.selectAll(".xAxis .tick").remove();var a=d3.axisBottom().scale(xRangeRMIN).tickFormat(d3.format("d")).ticks(5);t.append("g").attr("class","xAxis").attr("transform","translate(0,400)").call(a)}d3.csv("csv/record-minimas.csv",function(t,a){(datosRMIN=a).forEach(function(t){t.anyo=t.fecha,t.dia=t.dias}),xRangeRMIN.domain([d3.min(datosRMIN,function(t){return t.anyo}),d3.max(datosRMIN,function(t){return t.anyo})]),yRangeRMIN.domain([0,d3.max(datosRMIN,function(t){return t.dia})]),svgRMIN.append("g").attr("class","xAxis").attr("transform","translate(0,400)").call(xAxisRMIN),svgRMIN.append("g").attr("class","yAxis").attr("transform","translate(30, 0)").call(yAxisRMIN),svgRMIN.selectAll("rect").data(datosRMIN).enter().append("rect").attr("class","barra").attr("width",widthRMIN/datosRMIN.length-barPadding).on("mouseover",function(t){div.transition(),div.style("opacity",1).html(''+t.anyo+'
'+t.dia+"
").style("left",d3.event.pageX-50+"px").style("top",d3.event.pageY-100+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}).attr("fill","#257d98").attr("x",function(t){return xRangeRMIN(t.anyo)}).attr("y",function(t){return yRangeRMIN(t.dias)}).attr("height",function(t){return heightRMIN-yRangeRMIN(t.dias)})}); \ No newline at end of file diff --git a/js/record-maximas.js b/js/record-maximas.js index bd4283d..be0a627 100644 --- a/js/record-maximas.js +++ b/js/record-maximas.js @@ -1 +1 @@ -var barPadding=2,datosRM=[],margin={top:50,right:50,bottom:50,left:110},widthRM=1200-margin.left-margin.right,heightRM=500-margin.top-margin.bottom,svgRM=d3.select(".maximas-chart-container").append("svg").attr("class","record-chart-maximas").attr("width",widthRM+margin.left+margin.right).attr("height",heightRM+margin.top+margin.bottom).append("g").attr("transform","translate("+(margin.left-margin.right)+","+margin.top+")");widthBar=widthRM/66;var xRangeRM=d3.scaleLinear().range([30,widthRM]),yRangeRM=d3.scaleLinear().range([heightRM,0]),xAxisRM=d3.axisBottom().scale(xRangeRM).tickFormat(d3.format("d")).ticks(5),yAxisRM=d3.axisLeft().scale(yRangeRM).tickSize(16-widthRM).ticks(5),colorsRM=d3.scaleLinear().domain([10,35]).range(["#cd669d","#9a366f","#690044","#230000"]);function resizeRM(){widthRM=parseInt(d3.select("#rm-chart").style("width")),widthRM-=25;var t=d3.select(".record-chart-maximas");barpadding=1,xRangeRM=d3.scaleLinear().domain([d3.min(datosRM,function(t){return t.anyo}),d3.max(datosRM,function(t){return t.anyo})]).range([30,widthRM]),t.selectAll("rect").attr("width",widthRM/datosRM.length-barPadding).attr("fill",function(t,a){return colorsRM(a)}).attr("x",function(t){return xRangeRM(t.anyo)}).attr("y",function(t){return yRangeRM(t.dias)}).attr("height",function(t){return heightRM-yRangeRM(t.dias)}),t.data(datosRM).attr("width",widthRM).select("g").attr("transform","translate(0,0)"),xRangeRM.domain([d3.min(datosRM,function(t){return t.anyo}),d3.max(datosRM,function(t){return t.anyo})]),t.selectAll(".xAxis .tick").remove();var a=d3.axisBottom().scale(xRangeRM).tickFormat(d3.format("d")).ticks(5);t.append("g").attr("class","xAxis").attr("transform","translate(0,400)").call(a)}d3.csv("csv/record-maximas.csv",function(t,a){(datosRM=a).forEach(function(t){t.anyo=t.fecha,t.dia=t.dias}),xRangeRM.domain([d3.min(datosRM,function(t){return t.anyo}),d3.max(datosRM,function(t){return t.anyo})]),yRangeRM.domain([0,d3.max(datosRM,function(t){return t.dia})]),svgRM.append("g").attr("class","xAxis").attr("transform","translate(0,400)").call(xAxisRM),svgRM.append("g").attr("class","yAxis").attr("transform","translate(30, 0)").call(yAxisRM),svgRM.selectAll("rect").data(datosRM).enter().append("rect").attr("class","barra").on("mouseover",function(t){div.transition(),div.style("opacity",1).html(''+t.anyo+'
'+t.dia+"
").style("left",d3.event.pageX-50+"px").style("top",d3.event.pageY-100+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}).attr("fill",function(t,a){return colorsRM(a)}).attr("x",function(t){return xRangeRM(t.anyo)}).attr("width",widthH/datosRM.length-barPadding).attr("y",function(t){return yRangeRM(t.dias)}).attr("height",function(t){return heightRM-yRangeRM(t.dias)})}); \ No newline at end of file +var barPadding=2,datosRM=[],margin={top:50,right:50,bottom:50,left:110},widthRM=1200-margin.left-margin.right,heightRM=500-margin.top-margin.bottom,svgRM=d3.select(".maximas-chart-container").append("svg").attr("class","record-chart-maximas").attr("width",widthRM+margin.left+margin.right).attr("height",heightRM+margin.top+margin.bottom).append("g").attr("transform","translate("+(margin.left-margin.right)+","+margin.top+")");widthBar=widthRM/66;var xRangeRM=d3.scaleLinear().range([30,widthRM]),yRangeRM=d3.scaleLinear().range([heightRM,0]),xAxisRM=d3.axisBottom().scale(xRangeRM).tickFormat(d3.format("d")).ticks(5),yAxisRM=d3.axisLeft().scale(yRangeRM).tickSize(16-widthRM).ticks(5);function resizeRM(){widthRM=parseInt(d3.select("#rm-chart").style("width")),widthRM-=25;var t=d3.select(".record-chart-maximas");barpadding=1,xRangeRM=d3.scaleLinear().domain([d3.min(datosRM,function(t){return t.anyo}),d3.max(datosRM,function(t){return t.anyo})]).range([30,widthRM]),t.selectAll("rect").attr("width",widthRM/datosRM.length-barPadding).attr("fill","#DD435C").attr("x",function(t){return xRangeRM(t.anyo)}).attr("y",function(t){return yRangeRM(t.dias)}).attr("height",function(t){return heightRM-yRangeRM(t.dias)}),t.data(datosRM).attr("width",widthRM).select("g").attr("transform","translate(0,0)"),xRangeRM.domain([d3.min(datosRM,function(t){return t.anyo}),d3.max(datosRM,function(t){return t.anyo})]),t.selectAll(".xAxis .tick").remove();var a=d3.axisBottom().scale(xRangeRM).tickFormat(d3.format("d")).ticks(5);t.append("g").attr("class","xAxis").attr("transform","translate(0,400)").call(a)}d3.csv("csv/record-maximas.csv",function(t,a){(datosRM=a).forEach(function(t){t.anyo=t.fecha,t.dia=t.dias}),xRangeRM.domain([d3.min(datosRM,function(t){return t.anyo}),d3.max(datosRM,function(t){return t.anyo})]),yRangeRM.domain([0,d3.max(datosRM,function(t){return t.dia})]),svgRM.append("g").attr("class","xAxis").attr("transform","translate(0,400)").call(xAxisRM),svgRM.append("g").attr("class","yAxis").attr("transform","translate(30, 0)").call(yAxisRM),svgRM.selectAll("rect").data(datosRM).enter().append("rect").attr("class","barra").on("mouseover",function(t){div.transition(),div.style("opacity",1).html(''+t.anyo+'
'+t.dia+"
").style("left",d3.event.pageX-50+"px").style("top",d3.event.pageY-100+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}).attr("fill","#DD435C").attr("x",function(t){return xRangeRM(t.anyo)}).attr("width",widthH/datosRM.length-barPadding).attr("y",function(t){return yRangeRM(t.dias)}).attr("height",function(t){return heightRM-yRangeRM(t.dias)})}); \ No newline at end of file diff --git a/js/tropicales.js b/js/tropicales.js index 5c09b03..c69db4d 100644 --- a/js/tropicales.js +++ b/js/tropicales.js @@ -1 +1 @@ -var datosT=[],barPadding=2,width=0'+t.dia+"
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}).attr("fill",function(t,a){return colorsT(a)}).attr("x",function(t){return xRangeT(t.anyo)}).attr("y",function(t){return yRangeT(t.dias)}).attr("height",function(t){return heightT-yRangeT(t.dias)}),768'+t.dia+"
").style("left",d3.event.pageX+"px").style("top",d3.event.pageY-28+"px")}).on("mouseout",function(t){div.transition().duration(200).style("opacity",0)}).attr("fill","#dc7176").attr("x",function(t){return xRangeT(t.anyo)}).attr("y",function(t){return yRangeT(t.dias)}).attr("height",function(t){return heightT-yRangeT(t.dias)}),768