body,main,footer{margin:0;padding:0;font-family:Roboto,sans-serif}.contenedor-body{margin:0;padding:0;width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;min-height:100vh}.contenedor-body main{min-width:768px;max-width:1294px;width:68%}.contenedor-body main .titulo{width:100%;margin-top:2.6%}.contenedor-body main .titulo .titulo-del-proyecto{width:100%;text-align:center}.contenedor-body main .subtitulo{width:100%}.contenedor-body main .subtitulo .subtitulo-del-proyecto{width:100%;text-align:center;color:#4d4d4d;font-weight:600}.contenedor-body main .entrada{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.contenedor-body main .entrada .cont-input-text{padding:10px 12px;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;border-radius:12px}.contenedor-body main .entrada .cont-input-text .input-color{font-weight:600;border:none;padding:0;margin:0}.contenedor-body main .entrada .cont-input-text .input-color:focus{outline:none}.contenedor-body main .entrada .cont-input-text .input-type-color{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:40px;border:none;height:40px;cursor:pointer;padding:0;transition:border-color .3s ease;background-color:transparent}.contenedor-body main .entrada .cont-input-text .cont-select{border:none;padding:0;margin:0;width:50px;text-align:center}.contenedor-body main .entrada .cont-input-text .cont-select option{font-weight:600;border:none;padding:0;margin:0}.contenedor-body main .entrada .cont-input-text .cont-select:focus{outline:none}.contenedor-body main .error-error{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.contenedor-body main .error-error .texto-error{width:100%}.contenedor-body main .error-error .texto-error .error{text-align:center;color:red;font-weight:600}.contenedor-body main .error-error .imagen{width:100%;display:flex;justify-content:center}.contenedor-body main .error-error .imagen .imagen-error{min-width:400px;width:60%;height:auto}.contenedor-body main .array-de-colores{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:32px 0 0;cursor:pointer}.contenedor-body main .array-de-colores .colores-filtrados{width:180px;height:180px;border-radius:12px;margin:0 4px 20px}.contenedor-body footer{padding:0;margin:0;display:flex;justify-content:center;align-items:center}.contenedor-body footer .texto-footer{font-weight:bolder;font-size:14px;color:#000;text-align:center}.contenedor-body footer .texto-footer .link-redes{text-align:center;text-decoration:none;font-weight:bolder;font-size:14px;text-decoration:underline}@media (min-width: 480px) and (max-width: 767px){.contenedor-body{min-height:100vh}.contenedor-body main{min-width:auto;max-width:auto;width:90%}.contenedor-body main .array-de-colores .colores-filtrados{margin:0 4px 12px;width:calc(32% - 8px);height:160px}}@media (max-width: 479px){.contenedor-body{min-height:100vh}.contenedor-body main{min-width:auto;max-width:auto;width:90%}.contenedor-body main .titulo .titulo-del-proyecto{font-size:25.6px}.contenedor-body main .subtitulo .subtitulo-del-proyecto{font-size:16.64px}.contenedor-body main .array-de-colores .colores-filtrados{margin:0 0 12px;width:48%;height:160px}.contenedor-body main .error-error .imagen .imagen-error{min-width:auto;width:100%;padding:0 4%}.contenedor-body footer{padding:0 4%}}