*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:auto;background-color:#f6f6f6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Poppins,sans-serif}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}#container{display:flex;flex-direction:column;align-items:center}#logo{margin-top:30px;width:200px}#table-info{width:80%;margin-top:20px}#table-info table{width:100%;border-collapse:collapse}#table-info table thead tr th{background-color:#242424;color:#fff;padding:10px;border:1px solid #242424}#table-info table tbody tr td{padding:10px;border:1px solid #242424}#table-info table tbody tr td input{width:100%;padding:10px 0;border:none;background-color:transparent;border-bottom:1px solid #242424}#encuesta{width:80%;margin-top:20px}#encuesta #titulo h1{text-align:center}#encuesta #info p{text-align:justify}#formulario,#entrevistador{margin-top:20px}#formulario .input,#entrevistador .input{width:100%}#formulario .input input,#entrevistador .input input{padding:10px 0;width:100%;border:none;background-color:transparent;border-bottom:1px solid #242424}#entrevistador .titleEntrevistador{font-weight:700;margin-bottom:10px}#preguntas{margin-top:20px}.preguntaTitle{font-weight:700;margin-bottom:10px}#preguntas select,#preguntas textarea{padding:10px 0;width:100%;border:none;background-color:transparent;border-bottom:1px solid #242424}#firmas{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}#firmas #firma,#firmas #firmaEntrevista{display:flex;flex-direction:column}#firma img,#firmaEntrevista img{width:200px}#firma button,#firmaEntrevista button{margin-top:20px;padding:10px 20px;border:none;border-radius:15px;background-color:#242424;color:#fff;cursor:pointer;font-size:15px}#firma button:hover,#firmaEntrevista button:hover{background-color:#ba0c22}#canvas{position:fixed;inset:0;background-color:#fff;z-index:100}#canvas #botones{position:absolute;top:0;left:0;bottom:0;width:100%;height:100px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:transparent}#canvas #botones button{padding:10px 20px;border:none;border-radius:15px;background-color:#242424;color:#fff;cursor:pointer;font-size:15px;margin:0 20px}#canvas #botones button:hover{background-color:#ba0c22}#guardado{width:80%}#guardado button{margin-top:20px;padding:10px 20px;border:none;width:100%;border-radius:15px;background-color:#242424;color:#fff;cursor:pointer;font-size:15px;margin-bottom:30px}#guardado button:hover{background-color:#ba0c22}
