html{scroll-behavior:smooth}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f0ffee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#0fe9e7}body{margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto-fill,minmax(33%,100%);grid-template-areas:"cabecera" "contenedor" "footer";width:100%;max-width:1280px;place-self:center;height:100vh}.cabecera{color:#fff;grid-area:cabecera;background-color:#095558;max-width:100%;padding:2%;display:flex;flex-direction:column;text-align:center;align-items:center}.menunavmov{display:none}.menunav{position:sticky;top:0;border-bottom-right-radius:1em;border-bottom-left-radius:1em;background-color:#00d2d3;width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.menu.active{border-radius:1em;background-color:#008287;color:#fff}.modulo{width:15%;position:relative}.menu{cursor:pointer;width:100%;color:#000;padding:15%;display:flex;justify-content:center;align-items:center}.menu:hover{border-radius:1em;background-color:#00a6aa;color:#fff}.menudiseno{border-bottom-right-radius:1em;border-bottom-left-radius:1em;position:absolute;top:100%;width:100%;padding:15%;display:flex;font-size:small;flex-direction:column;gap:10px;color:#095558;background-color:#00d2d3;animation:menuanima .25s cubic-bezier(0,1.03,0,1.21) forwards}.menudiseno a{padding:2%;cursor:pointer;display:flex;justify-content:center;align-content:center;animation:menuanima 2s forwards}.menudiseno a:hover{border-radius:1em;background-color:#095558;color:#00d2d3}.contenido{color:#000;grid-area:contenido;background-color:#f0ffee;max-width:100%;min-height:34vh;padding:2%;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:repeat(auto-fill,minmax(100px,1fr));justify-content:center;align-items:start;gap:5px}.curso{color:#000;cursor:pointer;height:15vh;border:2px solid #04666b;border-radius:2em;padding:15%;background-color:#eefffd;display:flex;flex-direction:column;justify-content:center;align-items:center}.curso:hover{background-color:#00a6aa}.curso span{text-align:center;font-size:small}.curso .logo:hover{animation:logo-spin infinite .75s alternate;filter:drop-shadow(2px 4px 6px black)}#videoplayer{padding:0% 5% 5%;max-width:100%;height:75%;display:flex;flex-direction:column;flex-wrap:nowrap;gap:50px;color:#000}.indice{font-size:smaller;padding:0% 5% 5%;display:grid;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;gap:5px}.subir{border-radius:2em;padding:.5em;background-color:#003136;color:#fff;justify-content:center;align-self:center;text-align:center;width:15%}.subir:hover{background-color:#56a2a0;filter:drop-shadow(2px 4px 6px black)}.footer{padding:3%;grid-area:footer;background-color:#003136;max-width:100%;position:sticky;bottom:0;border-top-left-radius:1em;border-top-right-radius:1em}form{display:flex;flex-direction:column;gap:5px;align-items:center}@keyframes menumov{0%{height:0}to{height:200%}}@keyframes menuanima{0%{height:0%}99.5%{height:350%}to{height:auto}}@keyframes logo-spin{0%{transform:rotate(0)}50%{transform:rotate(30deg)}to{transform:rotate(-35deg)}}@media (min-width:0px) and (max-width:570px){.indice{display:grid;grid-template-rows:repeat(auto,1fr);grid-auto-flow:row;width:100%;gap:5px}.menunav{display:none}.menunavmov{position:relative;padding:5%;background-color:#008287;display:flex;justify-content:end}.menuh{background-color:#008287;position:absolute;top:0;right:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:end;gap:15px;padding:4%}.menuh .modulo{width:100%;color:#fff}}