@import url(https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&display=swap);:root{--verdeOscuro2:#003317;--verdeOscuro:#00662c;--verdeClaro:#98c492;--max-width:950px;--max-width2:700px}html{scroll-behavior:smooth;box-sizing:border-box}*{font-family:"Agdasima",sans-serif}h1{font-size:45px}h2{font-size:24px}h3{font-size:20px}p,li{font-size:18px}li{margin:6px 0}ul{margin:18px 0}b{color:var(--verdeOscuro)}img{width:100%;object-fit:cover}body{margin:0}a{text-decoration:none}svg{min-width:fit-content}.head{display:flex;flex-direction:column;align-items:center;gap:2px;& .cabecera{display:flex;max-width:var(--max-width);& .content_cabecera{max-width:100%;justify-content:center;display:flex;align-items:flex-end;transform:skewX(-11deg);letter-spacing:2px;font-weight:400;margin:0 0 0 15px;& .title_header{max-width:95%}& h1{color:#00662c;margin:10px 5px}& h2{color:#fff;padding:2px 10px;background-color:#00662c}& h2{margin:0 5px}}}& .btn_menu{display:none;max-height:45px;transition:rotate 0.5s;&.active{rotate:90deg}}& .nav{box-sizing:border-box;background-color:var(--verdeClaro);display:flex;flex-wrap:wrap;justify-content:center;transition:height 0.5s;box-shadow:0 0 6px 4px #98c492;& a{padding:8px 15px;color:#2c2c2c;text-decoration:none;font-weight:800}& a:hover{color:#fffefe;background-color:var(--verdeOscuro)}&#menu.show{display:flex}}}.portada_title{text-align:center;background-image:url(/pictures/portada.webp);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 5px 12px 2px #000;margin:5px 0;& h2{color:var(--verdeClaro);text-decoration:underline;padding:100px;margin:0;background-color:rgb(0 0 0 / .486)}}.content_page{max-width:var(--max-width2);margin:18px auto;padding:0 8px;& .contenedor_img{display:flex;border:2px solid var(--verdeOscuro);padding:8px;gap:8px;& figure{width:100%;margin:0;display:flex;flex-direction:column;& img{min-height:150px}& .info_img{margin-top:5px;width:100%;display:flex;justify-content:space-between;align-items:center;& figcaption{background-color:var(--verdeOscuro);padding-left:19px;& p{background-color:var(--verdeClaro);font-size:16px;margin:0;padding:0 5px}}}}}}.btn{background-color:var(--verdeClaro);display:flex;color:#2c2c2c;align-items:center;max-height:fit-content;padding:0 5px;gap:2px;font-size:16px}.btn:hover{color:#fff;background-color:var(--verdeOscuro)}.footer{background-color:var(--verdeClaro);box-shadow:0 -5px 8px 2px #98c492;margin-top:10px;padding-bottom:10px;& .content_footer{margin:auto;max-width:var(--max-width2)}}.contacto{text-align:center;& h3{margin:0}& .items{display:flex;margin:0;padding:0;flex-wrap:wrap;justify-content:center;& .item{padding:5px;list-style:none;display:flex;align-items:center;border:#000 dashed 1px;& a{display:flex;align-items:center;color:var(--verdeOscuro2)}}}}@media (width<705px){.head{& .cabecera{width:100%;align-items:center;justify-content:space-between;& .logo{height:80px}& .content_cabecera{margin:0;align-items:center;& h1{margin:0}}}& .btn_menu{display:block}& .title_header{& h2{display:none}}& .nav{display:none;flex-direction:column;width:100%;align-items:stretch;text-align:center}}.content_page .contenedor_img{flex-direction:column}}