@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Ruge+Boogie&display=swap";:root{--fuente-principal:"Lora", serif;--fuente-titulo:"Ruge Boogie"}#root{min-height:100svh;margin-top:120px;margin-bottom:50px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@keyframes loading{50%{scale:1.3}to{scale:1}}body{font-family:var(--fuente-principal);background-image:url(/fondo2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0}nav{box-sizing:border-box;z-index:9;background-color:#f5f5f5;border-bottom:1px solid gray;justify-content:space-around;width:100%;padding:30px;font-size:20px;display:flex;position:fixed;top:0;left:0}nav a{color:inherit;text-decoration:none}h1{opacity:.9;background-color:#f5f5f5;border:1px solid gray;border-radius:10px;width:fit-content;margin:30px auto;padding:10px;font-size:50px;box-shadow:6px 6px 8px #000}h2{font-family:var(--fuente-titulo);margin:20px;font-size:50px}p{font-size:20px;line-height:1.5}.title{font-family:var(--fuente-titulo);font-size:80px}.title-home{font-size:30px}.login-button{color:#f5f5f5;z-index:9;background-color:#ff0000d5;border:1px solid red;border-radius:5px;transition:transform .3s linear;position:fixed;top:110px;right:50px;transform:scale(1.5)}.login-button:hover{transform:scale(1.8)}.add-button{text-align:center;color:#f5f5f5;z-index:9;background-color:#ff0000d5;border:1px solid red;border-radius:5px;transition:transform .3s linear;position:fixed;top:160px;right:50px;transform:scale(1.7)}.add-button:hover{transform:scale(2)}.home-container{opacity:.9;background-color:#f5f5f5;border:1px solid gray;border-radius:10px;flex-direction:column;align-items:center;margin-left:20%;margin-right:20%;padding:10px;display:flex;box-shadow:6px 6px 8px #000}.general-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.contact-container{opacity:.9;background-color:#f5f5f5;border:1px solid gray;border-radius:10px;flex-direction:column;align-items:center;gap:50px;width:fit-content;margin:0 auto;padding:10px;display:flex;box-shadow:6px 6px 8px #000}.login-container{flex-direction:column;align-items:center;gap:30px;display:flex}.login-container form{opacity:.9;background-color:#f5f5f5;border:1px solid gray;border-radius:10px;flex-flow:column wrap;align-items:center;gap:10px;width:clamp(100px,70%,350px);margin:0 auto;padding:10px;display:flex;transform:scale(1.2);box-shadow:6px 6px 8px #000}.login-container input{box-sizing:border-box;width:80%}.login-container img{width:80%;height:auto;padding:auto}.bulletin-container{list-style:inherit;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px;margin-left:30%;margin-right:30%;display:flex}.bulletin-container li{opacity:.9;background-color:#f5f5f5;border:1px solid #000;border-radius:10px;flex-direction:column;align-items:center;gap:15px;margin-top:10px;padding:10px;display:flex;box-shadow:6px 6px 8px #000}.bulletin-container img{width:100%;height:100%}.loading h2{animation:2s linear infinite loading}.basic-card{opacity:.9;background-color:#f5f5f5;border:1px solid gray;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;width:300px;height:auto;margin-top:10px;padding:10px;display:flex;box-shadow:6px 6px 8px #000}.basic-card img{object-fit:cover;width:100%;height:100%;margin:10px}.basic-card h3{font-family:var(--fuente-titulo);margin-right:10px;font-size:40px}.weather-container{opacity:.9;background-color:#f5f5f5;border:1px solid gray;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:10px;width:180px;padding:10px;display:flex;position:fixed;top:110px;left:20px;box-shadow:6px 6px 8px #000}.weather-container p{text-align:center;font-size:16px;font-style:italic}.weather-container h3{font-size:20px}@media (width<=1300px){.weather-container{position:inherit;flex-wrap:wrap;justify-content:center;gap:10px;width:180px;margin-left:20px;display:flex}}@media (width<=650px){nav{flex-direction:column;gap:10px;margin-bottom:30px;display:flex}body{padding-top:90px}h1{text-align:center;width:clamp(300px,60%,800px);margin:10px auto;font-size:30px}.title-home{margin:12px auto}.title{font-size:50px}.login-container form{flex-direction:column;align-items:center;width:clamp(100px,90%,250px);margin:10px auto;display:flex;scale:.9}.login-container input{box-sizing:border-box;width:100%}textarea{box-sizing:border-box;resize:vertical;width:100%}.weather-container{margin:0 auto;scale:.9}.login-button{top:30px}.contact-container{gap:15px;width:clamp(300px,80%,800px);margin:15px auto}.contact-container p{word-wrap:break-word;max-width:100%;font-size:16px}.contact-container h2{font-size:40px}.bulletin-container,.home-container{width:clamp(300px,80%,800px);margin:15px auto}}