*{ box-sizing: border-box; margin: 0px; padding: 0px;}
html,body{height:100%; }
html{font-size:16px;}
#header { display:flex; flex-direction:column;align-items: center;text-align:center; height:150px; padding:5px 5%;}
#header .logo img{height:140px;}
#contenedor-form{display:flex;flex-direction:column; align-items:center;text-align:center;}

#contenedor-form .titulo{background-color:rgba(255,255,255,1); margin:5px; padding:10px; border-radius: 10px;font-size:1.5rem; line-height: 1.5;}
#contenedor-form .objetivo{background-color:rgba(255,255,255,1); margin:5px; padding:10px; border-radius: 10px; font-size:1.2rem; line-height:1.5;}
#contenedor-form .imagen{display: flex; justify-content: center; align-items:center;}
#contenedor-form .imagen .img{max-width:700px;width:100%;padding:5px; margin:5px;}
#contenedor-form .video{display: flex; justify-content: center; align-items:center;}
#contenedor-form .video video{max-width:700px;width:100%;padding:5px; margin:5px;}
#contenedor-form .inscripcion {display:flex; flex-direction:column; align-items:center;text-align:center;}
#contenedor-form .inscripcion .pregunta{background-color:rgba(255,255,255,1);margin:5px; padding:10px; border-radius: 10px;font-size:1.1rem;line-height:1.5;}
#contenedor-form .inscripcion .form-input{margin:5px; padding:10px; border-radius: 10px; width:250px;}

#contenedor-form .inscripcion .obj{margin:5px; padding:10px; border-radius: 10px; resize: vertical; min-height: 70px; max-height:100px;width:370px;}
#contenedor-form .inscripcion .story{margin:5px; padding:10px; border-radius: 10px; resize: vertical; min-height: 150px; max-height:300px;width:370px;}
#contenedor-form .inscripcion .persona{margin:5px; padding:10px; border-radius: 10px; resize: vertical; min-height: 70px; max-height:100px;width:370px;}
#contenedor-form .inscripcion .com{margin:5px; padding:10px; border-radius: 10px; resize: vertical; min-height: 70px; max-height:100px;width:370px;}

#contenedor-form .inscripcion .preguntafecha{background-color:rgba(255,255,255,1);margin:5px; padding:10px; border-radius: 10px;font-size:1.1rem;line-height:1.5;}
#contenedor-form .inscripcion .preguntahora{background-color:rgba(255,255,255,1);margin:5px; padding:10px; border-radius: 10px;font-size:1.1rem;line-height:1.5;}
#contenedor-form .inscripcion .form-date{margin:5px; padding:10px; border-radius: 10px; width:250px;}
#contenedor-form .inscripcion .form-time{margin:5px; padding:10px; border-radius: 10px; width: 150px;}
#contenedor-form .inscripcion .plan{background-color:rgba(255,255,255,1);margin:5px; padding:10px; border-radius: 10px;font-size:1.1rem;line-height:1.5;}
#contenedor-form .inscripcion .form-plan{margin:5px; padding:10px; border-radius: 10px; width:250px;}
#contenedor-form .inscripcion .inscribite{margin:5px; padding:15px; border-radius: 20px; cursor:pointer;font-size:1.1rem; background-color: rgb(177,189,204);}
#contenedor-form .inscripcion .opiniones{padding:10px;}
#contenedor-form .inscripcion .opinion{background-color: rgba(255,255,255,1); margin:10px; padding:10px; border-radius: 10px;}
#footer { margin-top:50px; display:flex;flex-direction:column; align-items:center;text-align:center;}
#footer .contenedor-footer { font-size:1rem; margin:5px;font-family: serif; border:1px solid; border-radius:20px;  background: rgba(255,255,255,1); padding:10px;} 
#footer .contenedor-footer .redes-sociales a {width:90px; height:60px; text-decoration:none;align-items:center; justify-content:center;border-radius:100px; margin: 0 10px;}  
#footer .contenedor-footer .redes-sociales {display:flex;}
/* codigo curso */
#fondo {background-image: url('../media/landscape.jpg');background-position: center center; background-size:cover; background-repeat:no-repeat;background-attachment:fixed;font-size:16px;}

#contenedor .titulo{background-color:rgba(255,255,255,1); margin:5px; padding:10px; border-radius: 10px; font-size:1.5rem; line-height:1.5;}
#contenedor .objetivo{background-color:rgba(255,255,255,1); margin:5px; padding:10px; border-radius: 10px;font-size:1.2rem;line-height:1.5;}
#contenedor{display:flex;flex-direction:column; align-items:center;text-align:center;}
#youtube .contenedor-video{max-width:40rem;margin:auto;}
#youtube .contenedor-video iframe{width: 100%;aspect-ratio:16 / 9;padding:5px;}