@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";:root{font-family:Onest,serif;font-optical-sizing:auto}body{margin:0;padding:0;width:100%;overflow-x:hidden}#root{--gris: #464646;--masgris: #9A9A9A;--masgrisdos: #cccccc;--claro: #F3F3F3;--colorUno: #E0E6FB;--oscuroUno: #CFD8F7;--colorDos: #E3D7F9;--oscuroDos: #D5C7F7;--colorTres: #D9F1E0;--oscuroTres:#C0E1C6;--colorCuatro: #F1D9E5;--oscuroCuatro: #E1C0CF;--fondo: white;--contraste: #F0F5FE;--primario: #1D2F6F;--success: #36B56D;--delete: #FF97A1}button{height:40px;border:none;background-color:#000;color:#fff;cursor:pointer;transition:all .4s ease;font-size:1rem;display:flex;align-items:center;justify-content:center}button:disabled{opacity:.7}button:hover>span{opacity:1;margin-left:5px}button span{display:flex;align-items:center;justify-content:center;transition:all .4s ease;margin-left:-30px;opacity:0}@keyframes entrada{0%{opacity:0}to{opacity:1}}@keyframes entradaAnimation{0%{opacity:0;transform:translateY(-100px)}50%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes salidaAnimation{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(20px)}to{opacity:0;transform:translateY(-100px)}}.size-20{height:22px}.main-login{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:40px;transition:all .6s ease}.main-login section{width:100%;position:relative;height:100%;display:flex;align-items:center;justify-content:space-between}.main-login section>div{width:50%}.main-login .fondo{position:relative;display:flex;align-items:end;justify-content:right;flex-direction:column;height:100%;width:40%;overflow:hidden;border-radius:20px}.main-login .fondo .tapa{position:absolute;width:100%;height:100%;display:flex;align-items:end;justify-content:end;flex-direction:column;left:0;top:0;background-color:#0009;box-sizing:border-box;padding:20px}.tapa h2{color:#fff;font-size:1.5rem;font-weight:500;margin:0;text-align:right;width:90%}.tapa h2 span{color:var(--oscuroUno)}.tapa p{color:#fff;text-align:right;font-weight:400;font-size:1rem;width:90%}.main-login .fondo img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0}.formulario{position:relative;width:100%;height:100%;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.formulario img{height:20px}.formulario form{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.formulario form h1{font-size:1.6rem;font-weight:600;margin:0}.formulario form>p{color:var(--masgris);font-size:1rem;margin:10px 0 20px;width:60%}.formulario>div>p{color:var(--masgris);margin:0}.input-group{position:relative;margin:10px 0;display:flex;align-items:start;justify-content:left;flex-direction:column;width:60%}.input-group span{position:absolute;height:40px;bottom:0;right:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-group label{color:#000;margin-bottom:5px}.input-group input{box-sizing:border-box;width:100%;padding:0 10px;border-radius:20px;height:40px;border:solid 1px var(--masgrisdos);font-size:1rem}.input-group input::placeholder{color:var(--masgrisdos)}.formulario form button{width:60%;border-radius:20px;margin-top:20px}@media only screen and (max-width: 765px){.main-login{min-height:100vh;height:auto}.main-login section{height:auto;justify-content:start;flex-direction:column}.main-login section>div{width:100%}.main-login .fondo{margin-top:30px;height:200px;width:100%}.formulario{width:100%}.formulario form{margin:30px 0}.input-group,.formulario form button{width:100%}.formulario form>p{width:100%}}.loader{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;animation:entrada 1s 1}.jelly{--uib-size: 40px;--uib-speed: .8s;--uib-color: #2c2b2b;position:relative;height:calc(var(--uib-size) / 2);width:var(--uib-size);filter:url(#uib-jelly-ooze);animation:rotate72317 calc(var(--uib-speed) * 2) linear infinite}.jelly:before,.jelly:after{content:"";position:absolute;top:0%;left:25%;width:50%;height:100%;background:var(--uib-color);border-radius:100%}.jelly:before{animation:shift-left var(--uib-speed) ease infinite}.jelly:after{animation:shift-right var(--uib-speed) ease infinite}.jelly-maker{width:0;height:0;position:absolute}@keyframes rotate72317{0%,49.999%,to{transform:none}50%,99.999%{transform:rotate(90deg)}}@keyframes shift-left{0%,to{transform:translate(0)}50%{transform:scale(.65) translate(-75%)}}@keyframes shift-right{0%,to{transform:translate(0)}50%{transform:scale(.65) translate(75%)}}.menu{position:fixed;left:0;top:0;width:20%;background-color:var(--contraste);display:flex;align-items:start;justify-content:space-between;flex-direction:column;height:100%;box-sizing:border-box;padding:20px;animation:entrada 1s 1}.menu img{height:20px;margin-left:15px}.menu ul{list-style:none;margin:0;padding:0;width:100%;position:relative}.menu ul li{display:flex;align-items:center;justify-content:start;font-size:1rem;height:40px;margin-bottom:5px;cursor:pointer;width:100%;position:relative;padding-left:15px;box-sizing:border-box;overflow:hidden}.menu .opciones li{margin-bottom:15px}.menu .opciones li:before{position:absolute;left:0;top:0;content:"";height:40px;background-color:var(--oscuroUno);width:0;transition:all .4s ease;border-radius:5px}.menu .opciones .active{background-color:var(--oscuroUno);border-radius:5px}.menu .opciones .active:after{position:absolute;left:0;top:0;content:"";width:4px;height:100%;background-color:var(--primario)}.menu .opciones li:hover:before{width:100%}.menu ul>li:last-child{margin-bottom:0}.menu ul li span{display:flex;align-items:center;justify-content:center;margin-right:5px;position:relative}.subopciones{color:var(--gris)}.subopciones li{transition:all .4s ease}.subopciones li:hover{color:#000}.tapador{position:fixed;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:12;left:0;top:0}.tapador .container{width:80%;height:auto;min-height:250px;max-height:90%;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:15px;border-radius:25px;animation:entradaAnimation .6s 1;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.tapador .container .cerrar{position:absolute;right:10px;top:10px;cursor:pointer;z-index:4}.salir .container{animation:salidaAnimation .6s 1}.tapador .container h1{margin:0;font-size:1.4rem}.tapador .container>p{margin:10px 0 20px;color:var(--gris)}.tapador .container .coments{position:relative;width:100%;box-sizing:border-box;padding:10px;color:var(--colorUno);display:flex;align-items:center}.tapador .container .total{margin-top:15px;width:100%;display:flex;align-items:end;justify-content:space-between}.tapador .container .total small{color:var(--gris)}.tapador .container .total h2{margin:0}.tapador .container .total button{background-color:var(--primario);color:#fff;border-radius:10px;padding:10px 30px}.tapador .container .buttons{width:100%;display:flex;margin-top:20px;align-items:center;justify-content:center}.tapador .container .buttons button{padding:8px 20px;border-radius:10px}.tapador .container .buttons button:first-child{background-color:var(--success);color:#fff;margin-right:15px}.tapador .container .buttons button:last-child{background-color:var(--gris);color:#fff}.tapador .enviar-preparar{width:100%;margin-top:20px;background-color:var(--success);height:35px;border-radius:10px}.tapador .container .input-group-pin{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.tapador .container .input-group-pin input{width:40px;height:40px;border:solid 1px var(--bordes);border-radius:10px;text-align:center;font-size:1rem}.tapador .container .btn-pin{width:100%;background-color:var(--primario);color:#fff;margin-top:20px;padding:10px 0;border-radius:10px}.header{width:80%;position:fixed;right:0;height:80px;box-sizing:border-box;padding:20px;display:flex;align-items:start;justify-content:space-between;animation:entrada 1s 1;overflow:hidden;background-color:var(--primario);color:#fff}.header .saludos{display:flex;align-items:start;justify-content:start;flex-direction:column}.header .saludos h2{margin:0;font-size:1.3rem}.header .saludos h2 span{text-transform:capitalize}.header .saludos p{font-size:small;color:var(--masgrisdos);margin:0}.header .usuario{display:flex;align-items:center;justify-content:end}.header .usuario .buscador{width:300px;display:flex;align-items:center;justify-content:center;position:relative}.header .usuario .buscador label{cursor:pointer;position:absolute;right:15px;color:var(--masgris)}.header .usuario .buscador input{width:100%;box-sizing:border-box;background-color:#ebebeb;border:none;font-size:1rem;padding:0 25px 0 20px;height:40px;border-radius:20px}.header .notif{margin:0 20px 0 50px;position:relative}.header .notif span{position:absolute;width:6px;height:6px;border-radius:3px;background-color:var(--success)}.header .nombre{display:flex;align-items:center;text-transform:capitalize;position:relative}.header .nombre .foto{position:relative;width:30px;height:30px;border-radius:20px;background-color:var(--masgrisdos);margin-left:10px;overflow:hidden}.header .nombre .foto img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;object-position:center}.app{position:absolute;width:80%;height:calc(100% - 80px);top:80px;left:20%;box-sizing:border-box;padding:20px;display:flex;align-items:center;justify-content:space-between;animation:entrada 1s 1}.app>div{position:relative;width:calc(50% - 20px);height:100%;display:flex;align-items:start;justify-content:space-between;flex-direction:column;box-sizing:border-box}.metricas{position:relative;width:100%}.metricas>h3{font-size:1.1rem;color:#000;font-weight:500;margin:0 0 15px}.metricas ul{list-style:none;width:100%;display:flex;align-items:start;justify-content:space-between;padding:0;margin:0}.metricas ul li{width:calc(33.3% - 10px);aspect-ratio:1/1;border-radius:15px;display:flex;align-items:start;justify-content:space-between;flex-direction:column;overflow:hidden}.metricas ul li .cabeza{position:relative;width:100%;height:65px;display:flex;align-items:start;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:10px;color:var(--gris)}.metricas ul li .total{position:relative;width:100%;height:calc(100% - 65px);font-size:1.4rem;font-weight:500;color:#000;display:flex;align-items:start;justify-content:end;flex-direction:column;box-sizing:border-box;padding:20px 10px}.metricas ul li small{font-size:small;color:var(--gris)}.metricas ul .clientes{background-color:var(--colorUno)}.metricas ul .clientes>.cabeza{background-color:var(--oscuroUno)}.metricas ul .pagos{background-color:var(--colorDos)}.metricas ul .pagos>.cabeza{background-color:var(--oscuroDos)}.metricas ul .analisis{background-color:var(--colorCuatro)}.metricas ul .analisis>.cabeza{background-color:var(--oscuroCuatro)}.solicitudesuno{width:100%;height:100%;position:relative;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.solicitudesuno>h3{font-size:1.1rem;color:#000;font-weight:500}.solicitudesuno .container-solicitudes{width:100%;height:100%;background-color:var(--colorTres);position:relative;border-radius:15px;overflow:auto;box-sizing:border-box;padding:5px}.container-solicitudes::-webkit-scrollbar{width:0;height:0}.container-solicitudes ul{padding:0;margin:0;list-style:none;box-sizing:border-box;border-radius:10px;overflow:hidden}.container-solicitudes ul>li{width:100%;display:flex;align-items:center;justify-content:space-between;height:120px;margin-bottom:5px;position:relative;cursor:pointer}.container-solicitudes ul>li:nth-child(2n)>div{background-color:#fff}.container-solicitudes ul li>div{background-color:#fff;display:flex;align-items:center;justify-content:space-between}.container-solicitudes ul li>div:first-child{width:calc(100% - 65px);height:100%;position:relative}.container-solicitudes ul li>div:last-child{width:60px;height:100%;position:relative}.minimo{width:60px;height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:15px 0}.minimo .bola{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:20px;background-color:var(--oscuroDos)}.minimo .estado{width:10px;height:10px;border-radius:5px;background-color:var(--success)}.minimo .borrar{color:var(--delete)}.todod{width:calc(100% - 70px);height:100%;position:relative!important;display:flex;align-items:start;justify-content:space-between;flex-direction:column;box-sizing:border-box;padding:15px 10px 15px 0}.todod .horas-nombre{width:100%;display:flex;align-items:center;justify-content:space-between}.todod .horas-nombre small{color:var(--masgris)}.todod>h3{margin:0;font-size:1rem;color:#000;font-weight:600}.todod>p{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:10px 0 0}.solicitudesuno ul li .acciones{display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:15px 0;box-sizing:border-box}.pagos{display:flex;align-items:center;justify-content:start!important;flex-direction:column;position:relative}.pagos .filtro{width:100%}.pagos .filtro h3{font-size:1.1rem;font-weight:500;margin:0 0 15px}.pagos .tabla{width:100%;max-height:calc(100% - 40px);height:auto;background-color:var(--colorTres);overflow:auto;border-radius:15px;box-sizing:border-box;padding:5px}.pagos .tabla::-webkit-scrollbar{width:0}.pagos .tabla .contabla{background-color:#fff;width:100%;border-radius:10px;overflow:hidden;position:relative}.pagos .tabla table{width:100%;height:auto;border-collapse:collapse;position:relative}.pagos .tabla table thead{color:var(--masgris);font-size:small;font-weight:500;text-transform:uppercase;position:sticky;top:0}.pagos .tabla table thead tr td{padding:10px}.pagos .tabla table tbody tr{border:solid 3px var(--colorTres);border-left:none;border-right:none}.pagos .tabla table tbody tr td{padding:5px 10px;font-size:.9rem;color:var(--gris);vertical-align:top}.pagos .tabla table tbody tr td p{margin:0;color:#000;text-transform:capitalize}.pagos .tabla table tbody tr td small{color:var(--masgris)}.pagos .tabla table tbody tr td .estado1{padding:4px 10px;background-color:#c6ffd0;color:#36b56d;border-radius:15px;font-size:smaller}.pagos .tabla table tbody tr td .estado2{padding:4px 10px;background-color:#ffe6c6;color:#cfb314;border-radius:15px;font-size:smaller}.pagos .tabla table tbody tr td .estado3{padding:4px 10px;background-color:#ffc6c6;color:#b53636;border-radius:15px;font-size:smaller}.clientesApp{position:absolute;width:80%;height:calc(100% - 80px);top:80px;left:20%;box-sizing:border-box;padding:20px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;animation:entrada 1s 1}.clientesApp .encabezadod{width:100%;display:flex;align-items:center;justify-content:space-between;height:60px}.clientesApp .encabezadod h3{margin:0;color:#000;font-size:1.1rem}.clientesApp .encabezadod button{background-color:var(--success);border-radius:20px;width:100px}.clientesApp .tablac{width:100%;position:relative;height:calc(100% - 100px);overflow:auto;scrollbar-width:thin}.clientesApp .tablac table{width:100%;border-collapse:collapse}.clientesApp .tablac table thead{background-color:var(--colorUno);position:sticky;top:0;z-index:2}.clientesApp .tablac table thead tr{border-bottom:solid 2px var(--oscuroUno)}.clientesApp .tablac table thead tr td{padding:10px 5px;font-size:small;text-transform:uppercase;color:var(--gris);font-weight:600}.clientesApp .tablac table tbody tr{cursor:pointer}.clientesApp .tablac table tbody tr td{padding:10px 5px;font-size:1rem;vertical-align:top}.clientesApp .tablac table tbody tr td ol{margin:0;padding:0 initial;position:relative;max-height:150px;overflow:auto;scrollbar-width:thin}.clientesApp .tablac table tbody tr td ol li{margin-bottom:5px}.clientesApp .tablac table tbody tr td p{margin:0}.clientesApp .tablac table tbody tr td small{color:var(--masgris)}.clientesApp .tablac table tbody tr:nth-child(2n){background-color:#f0f0f0}.clientesApp .pagination{width:100%;display:flex;align-items:center;justify-content:end}.clientesApp .pagination span{cursor:pointer;display:flex;align-items:center;justify-content:center}.clientesApp .pagination>span:first-child{margin-right:10px}.clientesApp .pagination>span:last-child{margin-left:10px}.crear{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:space-between}.crear .create{position:relative;width:40%}.crear .prev{position:relative;width:60%;box-sizing:border-box;padding:0 20px}.crear .prev .card{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;height:350px;border-radius:20px;overflow:hidden}.crear .prev .card .image{position:relative;width:30%;height:100%;background-color:#d4d4d4;display:flex;align-items:center;justify-content:center}.crear .prev .card .image .previsualizar{position:relative;width:100%;height:100%}.crear .prev .card .image .previsualizar img{width:100%;height:100%;object-fit:cover}.crear .prev .card .image .grupoImg{position:absolute;width:calc(100% - 30px);display:flex;align-items:center;flex-direction:column;border:dashed 1px var(--masgris);aspect-ratio:1/1;justify-content:center;border-radius:10px;cursor:pointer}.crear .prev .card .image .grupoImg span{color:var(--gris);cursor:pointer}.crear .prev .card .texto-card{position:relative;width:70%;height:100%;text-align:left;box-sizing:border-box;padding:20px;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.crear .prev .card .texto-card .texto{width:100%}.crear .prev .card .texto-card .texto h3{margin:0}.crear .prev .card .texto-card .accion{position:relative;width:100%;display:flex;align-items:start;justify-content:space-between}.crear .prev .card .texto-card .accion .precio p{margin:0;font-size:2rem}.crear .prev .card .texto-card .accion .precio p small{font-size:1rem}.crear .prev .card .texto-card .accion .precio small{color:var(--gris)}.form-crear{position:relative;width:100%}.form-crear .grupo-form{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:20px}.form-crear>.grupo-form:last-child{margin-bottom:0}.form-crear .grupo-form>div{width:calc(50% - 5px);display:flex;align-items:start;justify-content:start;flex-direction:column}.form-crear .grupo-form>div label{margin-bottom:5px;font-size:1rem}.form-crear .grupo-form>div input,.form-crear .grupo-form>div select{width:100%;border-radius:10px;border:solid 1px var(--masgrisdos);padding:0 10px;box-sizing:border-box;font-size:1rem;height:40px}.form-crear .grupo-form>div input::placeholder,.form-crear .grupo-form>div select::placeholder{color:var(--masgrisdos)}.form-crear .grupo-form .cien{width:100%}.form-crear button{width:100%;border-radius:10px}.caracteristicas{align-items:end!important}.caracteristicas .cien{width:calc(100% - 120px)!important}.caracteristicas .agregar{width:100px!important;height:40px;position:relative;background-color:var(--success);color:#fff;border-radius:10px;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}.carcts{width:100%;height:auto;max-height:150px;overflow:auto;scrollbar-width:thin;margin:10px 0}.carcts>div{width:100%;display:flex;align-items:start;justify-content:space-between;font-size:small;color:var(--gris);margin-bottom:8px}.carcts>div>span{display:flex;align-items:center;justify-content:center;padding-left:10px;border-left:solid 2px var(--masgrisdos);color:#db2e2e;cursor:pointer}.carcts>div>span .size-20{height:20px}.blog{position:absolute;width:80%;height:calc(100% - 80px);top:80px;left:20%;box-sizing:border-box;padding:20px;display:flex;align-items:start;justify-content:space-between;animation:entrada 1s 1}.blog>div>h3{font-size:1.1rem;font-weight:600;margin:0;height:40px;position:relative}.blog .crearblog{width:65%;height:100%;position:relative;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.blog .crearblog .opciones{width:100%;position:relative;margin:10px 0;display:flex;align-items:center;justify-content:space-between}.blog .crearblog .opciones .barra{width:auto;display:flex;align-items:center;justify-content:left}.blog .crearblog .opciones .barra>div{width:40px;height:40px;border-radius:10px;background-color:var(--colorUno);color:#000;display:flex;align-items:center;justify-content:center;margin-right:10px;cursor:pointer}.blog .crearblog .opciones .barra>div:last-child{margin-right:0}.blog .crearblog .opciones .barra .save{width:100px;background-color:var(--success);color:#000;display:flex;align-items:center;justify-content:center;font-size:.9rem}.blog .crearblog .opciones .barra .save span{display:flex;align-items:center;justify-content:center}.blog .crearblog .opciones .barra .save span .size-20{height:15px!important}.blog .crearblog .publicacion{width:100%;height:calc(100% - 120px);overflow:auto;scrollbar-width:thin;background-color:#f1f1f1;border-radius:15px;box-sizing:border-box}.blog .crearblog .publicacion .titulo-publication{width:100%;height:50px;display:flex;align-items:start;justify-content:space-between;background-color:#f1f1f1;position:sticky;top:0;left:0;box-sizing:border-box;padding:10px 15px 0;z-index:1}.blog .crearblog .publicacion .titulo-publication input{min-width:200px;max-width:350px;height:100%;box-sizing:border-box;background-color:transparent;border:none;position:relative;font-size:1.5rem;font-weight:500}.blog .crearblog .publicacion .titulo-publication input:focus{outline:none}.blog .crearblog .publicacion .titulo-publication>div{display:flex;align-items:end;justify-content:start;flex-direction:column}.blog .crearblog .publicacion .titulo-publication>div p{margin:0}.blog .crearblog .publicacion .contenido{width:calc(100% - 30px);height:auto;min-height:200px;position:relative;left:15px;margin-top:20px;border-radius:15px;box-sizing:border-box;padding-left:35px}.blog .crearblog .publicacion .contenido:focus{outline:none}.blog .crearblog .publicacion .contenido h2{font-size:1.2rem;font-weight:500;margin:0 0 10px;position:relative;border:dashed 1px rgb(228,228,228)}.blog .crearblog .publicacion .contenido:focus>h2:focus{outline:none;border:dashed 1px black!important}.blog .crearblog .publicacion .contenido h2:focus:before{scale:1;opacity:1}.blog .crearblog .publicacion .contenido h2:before{position:absolute;left:-35px;top:calc(50% - 15px);height:30px;width:30px;background-color:var(--colorDos);content:"h2";color:#000;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .4s ease;opacity:0;scale:0;transform-origin:bottom}.blog .crearblog .publicacion .contenido h3{font-size:1.1rem;font-weight:500;margin:0 0 10px;position:relative;border:dashed 1px rgb(228,228,228)}.blog .crearblog .publicacion .contenido h3:focus{outline:none;border:dashed 1px black}.blog .crearblog .publicacion .contenido h3:focus:before{scale:1;opacity:1}.blog .crearblog .publicacion .contenido h3:before{position:absolute;left:-35px;top:calc(50% - 15px);height:30px;width:30px;background-color:var(--colorDos);content:"h3";color:#000;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .4s ease;opacity:0;scale:0;transform-origin:bottom}.blog .crearblog .publicacion .contenido p:focus{outline:none;border:dashed 1px black}.blog .crearblog .publicacion .contenido p{font-size:1rem;font-weight:400;margin:0 0 10px;position:relative;border:dashed 1px rgb(228,228,228);color:var(--masgris)}.blog .crearblog .publicacion .contenido a{color:var(--success)}.blog .crearblog .publicacion .contenido p:focus:before{scale:1;opacity:1}.blog .crearblog .publicacion .contenido p:before{position:absolute;left:-35px;top:calc(50% - 15px);height:30px;width:30px;background-color:var(--colorDos);content:"P";color:#000;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .4s ease;opacity:0;scale:0;transform-origin:bottom}.imageclass{position:relative;width:100%;border:dashed 1px rgb(228,228,228);display:flex;align-items:start;justify-content:space-between;cursor:pointer;margin-bottom:15px}.imageclass:hover>.before{scale:1;opacity:1}.imageclass>.before{position:absolute;left:-35px;top:calc(50% - 15px);height:30px;width:30px;background-color:var(--colorDos);font-size:x-small;color:#000;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .4s ease;opacity:0;scale:0;transform-origin:bottom}.imageclass .foto{width:40%;aspect-ratio:1/1;color:var(--masgrisdos);position:relative}.imageclass .foto .select{position:relative;width:100%;height:100%;background-color:var(--masgris);border-radius:10px;display:flex;align-items:center;justify-content:center}.imageclass .foto .select img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:10px}.imageclass .descripcion{width:55%;height:auto;position:relative;min-height:40px;border:dashed 1px rgb(228,228,228);color:var(--masgris);cursor:text}.imageclass .descripcion:focus{outline:none;border:dashed 1px black}.selectimg{position:relative;margin:20px 0 0;height:80px;border-radius:20px;border:dashed 1px rgb(218,218,218);width:80%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:small}.images{position:relative;width:100%;overflow:auto;scrollbar-width:thin;height:200px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin:20px 0 10px}.images .container-images{width:max-content;position:relative;display:flex;align-items:center;height:100px}.dos-i{height:140px!important}.dos-i .container-images img{cursor:pointer}.images .container-images>div{position:relative;margin-right:10px}.images .container-images>div .size-20{cursor:pointer;position:absolute;right:5px;top:5px}.images .container-images img{width:100px;height:100px;object-fit:cover;margin-right:0;border-radius:10px}.images button{width:100%}.blog .blogs{width:calc(35% - 30px);height:100%;position:relative;box-sizing:border-box}.blog .blogs .listado-pub{width:100%;position:relative;height:calc(100% - 80px);padding:0 15px 0 0;box-sizing:border-box;list-style:none;overflow:auto;scrollbar-width:thin}.blog .blogs .listado-pub li{width:100%;position:relative;background-color:var(--colorUno);border-radius:10px;height:auto;box-sizing:border-box;padding:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.blog .blogs .listado-pub li>div>p{font-size:1rem;font-weight:500;margin:0}.blog .blogs .listado-pub li>div:last-child{color:#d64848}.imagenesApp{position:absolute;width:80%;height:calc(100% - 80px);top:80px;left:20%;box-sizing:border-box;padding:20px;display:flex;align-items:center;justify-content:space-between;animation:entrada 1s 1}.imagenesApp>div{width:50%;height:100%;position:relative;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.imagenesApp>div>h1{font-size:1.1rem;font-weight:600;height:50px}.imagenesApp>div>.container-imagenes{width:100%;position:relative;height:calc(100% - 50px);overflow:auto;scrollbar-width:thin}.imagenesApp>div>.container-imagenes .eliminar-icon{height:20px;cursor:pointer;color:#df2f2f;position:absolute;right:15px;bottom:15px}.imagenesApp>div>.container-imagenes>div{width:100%;position:relative;margin-bottom:15px;border:solid 1px var(--masgrisdos);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border-radius:15px;overflow:hidden}.imagenesApp>div>.container-imagenes>div img{width:50%;aspect-ratio:1/1;object-fit:cover}.imagenesApp>div>.container-imagenes>div>p{width:100%;text-align:center;box-sizing:border-box;padding:0 15px}.imagenesApp .cargarImagen{width:calc(50% - 30px);height:100%;box-sizing:border-box;padding:0 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--colorUno);border-radius:20px}.imagenesApp .cargarImagen>h1{height:min-content}.loadImage{width:100%;height:auto;display:flex;align-items:center;flex-direction:column;justify-content:start}.loadImage .cargar{width:80%;margin-top:20px;border-radius:10px}.loadImage .selectimgD{width:80%;height:120px;border-radius:10px;border:dashed 1px var(--masgrisdos);background-color:#f8f8f8;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gris);position:relative}.loadImage .selectimgD span,.loadImage .selectimgD div{position:relative}.loadImage .selectimgD .background{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:10px}.loadImage .input-grupo{width:80%;margin-top:20px;display:flex;align-items:start;justify-content:start;flex-direction:column}.loadImage .input-grupo label{font-size:1rem;color:var(--gris);margin-bottom:5px}.loadImage .input-grupo input{width:100%;height:40px;box-sizing:border-box;padding:0 15px;border:solid 1px var(--masgrisdos);color:#000;border-radius:10px;font-size:1rem}