@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{line-height:1.5;background-color:#f4eade;color:#333;font-family:Lato,sans-serif;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;min-height:100vh}.img-inicio{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.img-inicio:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/build/assets/8-wYEeo1JW.jpg);background-size:cover;background-position:center;filter:brightness(1);z-index:-1}.texto-encima{text-align:center;color:#f4eade;padding:20px}.texto-encima h1{font-size:80px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.texto-encima p{font-size:50px;text-shadow:1px 1px 3px rgba(0,0,0,.7);color:#f4eade}.cuerpo,.contenedor-principal{max-width:1200px;margin:0 auto;padding:20px}.inicio:hover,.asignaturas:hover,.lectura:hover{color:#ed8e87}p{color:#828282;font-size:18px;margin-bottom:1rem}a{text-decoration:none;color:inherit}.encabezado{position:fixed;top:0;width:100%;z-index:1000;background-color:#f4eade}.nav-content{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.menu{background-color:#f4eade;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.menu ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}.menu li{position:relative;padding:0 15px}h2{font-size:30px;margin-bottom:20px}.submenu{display:none!important;position:absolute;top:100%;left:0;background-color:#f4eade;box-shadow:0 8px 16px #0003;z-index:1;flex-direction:column}.submenu li{padding:10px 15px;white-space:nowrap}.submenu a{text-decoration:none;color:#333;display:block}.submenu li:hover{background-color:#ed8e87}.asignaturas:hover .submenu{display:block!important}.logo-image{height:100px;width:auto;left:10px}.inicio-sesion,.btn-perfil,.btn-logout{background-color:#95cbce;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}:is(.inicio-sesion,.btn-perfil,.btn-logout):hover{background-color:#ed8e87;transform:translateY(-5px) scale(1.05)}.cuadro-profesorado{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px auto 0;max-width:1000px}.profesorado h3,.tecnicaturas h3,.taller h3{color:#57b1b6}.profesorado{flex:0 0 calc(33.33% - 20px);min-width:250px;max-width:250px;overflow:hidden;position:relative;background-color:#fff;border-radius:10px;padding:15px;margin:20px;text-align:center}.profesorado:hover{cursor:pointer;background-color:#95cbce;transform:translateY(-10px) scale(1.05)}.profesorado:hover h3{color:#f4eade}.profesorado img{width:100%;height:auto;border-radius:10px}.descripcionCurso{margin-top:20px;font-size:16px;color:#555}.cuadro-tecnicaturas{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px auto 0;max-width:1000px}.tecnicaturas{flex:0 0 calc(33.33% - 20px);min-width:250px;max-width:250px;overflow:hidden;position:relative;background-color:#fff;border-radius:10px;padding:15px;margin:20px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.tecnicaturas:hover{background-color:#95cbce;transform:translateY(-10px) scale(1.05)}.tecnicaturas:hover h3{color:#f4eade}.tecnicaturas img{width:100%;height:auto;border-radius:10px}.cuadro-talleres{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px auto 0;max-width:1000px}.taller{flex:0 0 auto;min-width:250px;max-width:250px;overflow:hidden;position:relative;background-color:#fff;border-radius:10px;padding:15px;margin:20px;text-align:center;justify-content:center}.taller:hover{cursor:pointer;background-color:#95cbce;transform:translateY(-10px) scale(1.05)}.taller:hover h3{color:#f4eade}.taller img{width:100%;height:auto;border-radius:10px}.wrapper{position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:400px;height:440px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:20px;background-color:#f4eade;box-shadow:0 0 30px #00000080;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:transform .5s ease,height .2s ease}.scroll-bloqueado{overflow:hidden}.wrapper.active-popup{transform:scale(1);transform:translate(-50%,-50%)}.wrapper.active{height:600px;background-color:blur(20px)}.wrapper .form-box.login{transition:transform .18s ease;transform:translate(0)}.wrapper.active .form-box.login{transition:none;transform:translate(-400px)}.wrapper .form-box.register{position:absolute;transition:none;transform:translate(400px)}.wrapper.active .form-box.register{transition:transform .18s ease;transform:translate(0)}.wrapper .form-box{width:100%;padding:40px}.wrapper .close-icon{position:absolute;top:0;right:0;width:45px;height:45px;background:#57b1b6;font-size:2em;color:#f4eade;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:20px;cursor:pointer;z-index:1}.form-box h2{font-size:2em;color:#57b1b6;text-align:center}.input-box{position:relative;width:100%;height:50px;border-bottom:2px solid #57b1b6;margin:30px 0}.input-box label{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:1em;color:#333;font-weight:500;pointer-events:none;transition:.5s}.input-box input:focus~label,.input-box input:valid~label{top:-5px}.input-box input{width:100%;height:100%;background:transparent;border:none;outline:none;font-size:1em;color:#333;padding:0 35px 0 5px}.input-box .icon{position:absolute;right:8px;font-size:1.2em;color:#57b1b6;line-height:57px}.remember-forgot{font-size:.9em;color:#333;font-weight:500;margin:-15px 0 15px;display:flex;justify-content:space-between}.remember-forgot label input{accent-color:#57b1b6;margin:right 3px}.remember-forgot a{color:#333}.remember-forgot a:hover{text-decoration:underline}.btn{width:100%;height:45px;background:#57b1b6;border:none;outline:none;border-radius:6px;cursor:pointer;font-size:1em;color:#f4eade;font-weight:500}.btn:hover{transform:scale(1.1)}.login-register p{font-size:.9em;color:#333;text-align:center;font-weight:500;margin:25px}.login-register p a{color:#333;text-decoration:none;font-weight:600}.login-register p a:hover{text-decoration:underline;cursor:pointer}footer{background-color:#f8f4f0;color:#333;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-top:1px solid #e0d8cf}.contact{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.contact h3{font-size:1.5rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;color:#57b1b6}.contact p{margin:8px 0;font-size:1rem;color:#333}.contact a{color:#8d6e63;text-decoration:none;transition:color .3s ease;font-weight:500}.contact a:hover{color:#333;text-decoration:underline}.copyright{margin-top:30px!important;font-size:.85rem!important;opacity:.7;border-top:1px solid #ddd;padding-top:20px;width:100%}@media(min-width:768px){.contenedor{width:80%;margin:0 auto}}@media(min-width:1024px){.contenedor{max-width:1200px}}
