@import"https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@900&display=swap";html,body{position:relative;width:100%;height:100%}body{color:#333;margin:0;box-sizing:border-box}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.navbar{overflow:hidden;background-color:green;top:0;width:100%;display:flex;justify-content:space-around;gap:0 15px}.navbar a{display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none}.navbar img{width:100%;max-width:275px}#barra{display:flex;justify-content:space-around;background:#ccffcc;height:40px;font-size:1.2em;font-weight:700;padding-top:10px}#barra a{color:#000}#barra a:hover{color:#fff}aside{text-align:center}aside nav{color:#fff;background:black;font-weight:600}aside nav a{color:#fff;text-decoration:none}aside nav a .iso-marquesina{font-weight:700;font-family:Playfair Display SC,serif;font-size:1.5rem}aside .link{display:block;white-space:nowrap}aside .active{color:gray}aside .mobile-nav{font-size:18px;background:black;padding:8px;box-shadow:0 5px 20px 5px #00000013;display:block}aside .mobile-nav .title{text-align:center}aside .mobile-nav .title span{font-family:Playfair Display SC,serif}aside .burger{font-size:24px;position:absolute;cursor:pointer;left:8px;top:4px}aside nav{display:none;width:100%;padding:16px;z-index:1}@media (min-width: 1000px){aside nav{border-radius:4px;box-shadow:0 5px 20px 5px #00000013;display:inline-block;position:relative}aside .link{padding:0 16px;min-width:56px;display:inline-block}aside .mobile-nav{display:none}}aside nav.show{display:block}#footer{overflow:hidden;background-color:#000;width:100%;display:flex;justify-content:space-around;color:#fff}#footer div{margin:20px 0}#tucmacom{background:url(http://tucma.com/imagenes/tucma.com.png) no-repeat 0px 0px;background-size:17px;color:#ff7d33;display:inline;font-family:Arial;font-weight:700;font-size:.9em;margin-left:5px;padding-left:20px}#tucmacom a,#tucmacom a:hover{color:inherit}#inicio{color:#fff;font-family:Times New Roman,Times,serif}#inicio .iso{font-size:5rem;text-align:center;margin-top:100px;font-weight:700;font-family:Playfair Display SC,serif}#inicio h1{text-align:center;font-size:3rem}#areas{display:grid;grid-template-columns:repeat(4,1fr)}#areas div{text-align:center;padding:5px 3px;background-color:#ffffff4d;border:1px solid gray;color:#000;margin:20px 5px;border-radius:5px;box-shadow:2px 2px 2px #0003;transition:box-shadow .8s;transition:backgroud-color .8s;cursor:pointer}#areas div:hover{background-color:#ffffff80;color:#0ff}@media (max-width: 1300px){#areas{display:grid;grid-template-columns:repeat(3,1fr)}}#contacto{padding:0 20px;display:grid;grid-template-columns:1fr;gap:10px 20px;align-items:center;justify-content:center;color:#fff}#contacto svg{width:1em;float:left}#contacto label{padding:5px 0}#contacto textarea{width:400px}#contacto .fontnunito div{margin-bottom:10px}#contacto .fontnunito div span{padding-left:10px}#mapa{box-shadow:3px 3px 6px #ffffff4d}@media (min-width: 1000px){#contacto{display:grid;grid-template-columns:1fr 1fr;width:100%}}#admins{font-family:Arial,Helvetica,sans-serif;height:100%;position:relative}#admins #botonera{display:flex;gap:10px;margin-left:50px;justify-content:center}#admins #botonera button.active{border:1px solid black;color:#836acc;box-shadow:none!important}#administrador{min-height:95vh}#administrador #menuLat{color:#fff;background-color:#000;height:100%;width:170px}#administrador #menuLat .logo-admin .iso{font-size:3rem;text-align:center;margin-top:10px;font-weight:700;font-family:Playfair Display SC,serif}#administrador #menuLat .logo-admin .user{text-align:center;background-color:#fff;color:#000;margin:0 5px;padding:2px;border-radius:5px}#administrador #menuLat ul{list-style:none;margin-left:-30px}#administrador #menuLat ul li .opcion{display:grid;grid-template-columns:.5fr 3fr 1fr;margin-left:-20px;padding:5px 0 5px 30px;cursor:pointer}#administrador #menuLat ul li .opcion .caret{font-size:1.5rem}#administrador #menuLat ul li .opcion:hover{background-color:#ffffff80;color:orange}#administrador #menuLat ul li .opcion a:hover{text-decoration:none}#administrador #menuLat ul li .opcion div{margin-left:10px}#administrador #menuLat ul li .opcion.active{font-weight:700;color:#6acc83}#administrador #menuLat ul li .opcion.active a{color:#6acc83}#administrador #cuerpo{background-color:#fff}#administrador #cuerpo .pagina-titulo{color:#fff;background-color:#000;padding:5px 0 5px 10px;display:grid;grid-template-columns:1fr 12fr 3fr;gap:5px}#administrador #cuerpo .pagina-titulo .cliente{text-align:center;font-weight:700;font-size:1.3rem}#administrador #cuerpo .pagina-titulo .cliente .iso{font-size:1.8rem;text-align:center;font-weight:700;font-family:Playfair Display SC,serif}#administrador #cuerpo .pagina-titulo .pagina{font-size:1.3rem;border-radius:5px;text-align:center;padding-left:10px;font-weight:500}#administrador #cuerpo .pagina-titulo .botones{display:flex;justify-content:space-around;padding-top:5px}button,.button{box-shadow:0 2px 5px #0000004d,0 2px 10px #0000001a!important;background-color:#c7d8f7;border:none;color:#000;cursor:pointer;padding:5px;font-size:.9rem;border-radius:10px;margin-bottom:5px}button:hover,.button:hover{background-color:#98b3e4}button:disabled,.button:disabled{color:#999}button:not(:disabled):active,.button:not(:disabled):active{background-color:#ddd}button:focus,.button:focus{border-color:#666}button.inactivo,.button.inactivo{color:red}button.activado,.button.activado{color:#90ee90}label{display:block}label .buscador{display:flex;margin-bottom:10px}label .buscador input{width:300px}label .buscador .x{display:flex;gap:15px;cursor:pointer;margin-left:-20px;margin-top:12px}label .form-rotulo{display:flex;gap:10px}label .form-rotulo .aprobado{color:green}label .form-rotulo .denegado{color:red}input,select,textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;padding:5px}input.search{height:40px}.form .titulo{text-align:center;color:#fff;font-size:2rem;font-weight:700}.form form{border-radius:15px}.form .error{position:relative;width:400px;height:350px;margin:30px auto;color:#fff;letter-spacing:.5px;outline:none;border:none;padding:20px;background-color:#ff00004d}.form .error p{font-size:2rem;font-weight:700;text-align:center}.form .error .bajada{font-style:italic;padding:0 50px;text-align:center}.form .error .contacto{margin-top:20px;color:#00f;text-align:center;font-weight:700}.form .error button{position:absolute;bottom:20px;left:90px;width:60%;font-weight:700;cursor:pointer}.form .ancho{display:block}.form .medios{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form .dos-tercios{display:grid;grid-template-columns:2fr 1fr;gap:10px}.form .dos-tercios-caratula{display:grid;grid-template-columns:7fr 1fr 4fr;gap:10px}.form .tercios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form .cuartos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.form .form-mensaje{height:15px;color:red;font-style:italic;text-align:center;font-size:.9rem}.form .form-botones{display:flex;margin:15px 0;gap:10px;justify-content:center}.form .form-campo{justify-content:space-between;padding:5px;width:100%;margin:10px 0}.form .form-campo#caratulas{max-height:270px;overflow:auto}.form .form-campo label{font-weight:700}.form .form-campo .sumador{display:flex;justify-content:space-around}.form .form-campo .sumador div{border-radius:4px;border:1px solid grey;padding:3px;cursor:pointer;background:#ddd}.form .form-campo .sumador div:hover{background:#aaa}.form .form-campo input,.form .form-campo select,.form .form-campo textarea{font-family:Arial,Helvetica,sans-serif;font-size:.9rem}.form .form-campo input.cantidad,.form .form-campo select.cantidad,.form .form-campo textarea.cantidad{text-align:center;font-weight:700}.form .form-campo input.cantidad.rojo,.form .form-campo select.cantidad.rojo,.form .form-campo textarea.cantidad.rojo{color:red}.form .form-campo .compuesto{display:grid;grid-template-columns:3fr 7fr;grid:10px}.form .form-campo .rotulo{font-weight:700}.texto-auxiliar{color:red;font-style:italic;font-size:.9rem;text-align:center;padding:0 50px}#listados{font-family:Arial,Helvetica,sans-serif;height:100%;width:90%;position:relative;margin:auto}#listados #botonera{display:flex;justify-content:space-around;margin:10px 0}#listados #botonera button.active{border:1px solid black;color:#836acc;box-shadow:none!important}#listados .buscador{display:flex}#listados .buscador input{width:300px}#listados .buscador .x{display:flex;gap:15px;cursor:pointer;margin-left:-20px;margin-top:12px}#listados .linea{font-size:.8rem;margin:5px 0;padding:5px 10px 0 0;cursor:pointer}#listados .linea:nth-child(even){background-color:#ddd}#listados .linea:hover{background-color:#0000001a;color:#00f}#listados .linea.cabecera{font-weight:700;color:#d3d3d3;background-color:#666;text-align:center;padding:3px 0}#listados .linea.cabecera div{text-align:center}#listados .linea .tacho:hover{color:red}#listados .linea .editar:hover{color:#90ee90}#listados #lista-clientes{min-height:580px}#listados #lista-clientes .linea{display:grid;grid-auto-columns:1fr;grid-template-columns:.2fr 3fr 1fr .3fr .8fr .5fr;gap:0px 10px;grid-template-areas:"id razon contacto celular estudio tools" ". . . . . ."}#listados #lista-clientes .linea .id{grid-area:id;text-align:lef;padding-right:5px}#listados #lista-clientes .linea .razon{grid-area:razon}#listados #lista-clientes .linea .razon .nombre{color:#ff4500}#listados #lista-clientes .linea .razon .nombre:hover{font-weight:600}#listados #lista-clientes .linea .razon .usuario{font-style:italic}#listados #lista-clientes .linea .razon .usuario .activar-usuario:hover,#listados #lista-clientes .linea .razon .usuario .reenviar:hover{font-weight:700}#listados #lista-clientes .linea .contacto{grid-area:contacto}#listados #lista-clientes .linea .celular{grid-area:celular}#listados #lista-clientes .linea .estudio{grid-area:estudio;text-align:center}#listados #lista-clientes .linea .tools{grid-area:tools;display:flex;justify-content:center;gap:10px;text-align:center}#listados #lista-juicios{min-height:580px}#listados #lista-juicios .linea{display:grid;grid-auto-columns:1fr;grid-template-columns:.3fr 2fr .6fr .6fr repeat(3,1fr) .6fr;gap:0px 10px;grid-template-areas:"id caratula carpeta expediente juzgado objeto abogado tools" ". . . . . . . ."}#listados #lista-juicios .linea .id{grid-area:id;text-align:right;padding-right:5px}#listados #lista-juicios .linea .caratula{grid-area:caratula}#listados #lista-juicios .linea .caratula a{color:#ff4500}#listados #lista-juicios .linea .cliente{grid-area:cliente}#listados #lista-juicios .linea .carpeta{grid-area:carpeta;text-align:center}#listados #lista-juicios .linea .expediente{grid-area:expediente;text-align:center}#listados #lista-juicios .linea .juzgado{grid-area:juzgado;text-align:center}#listados #lista-juicios .linea .objeto{grid-area:objeto}#listados #lista-juicios .linea .abogado{grid-area:abogado}#listados #lista-juicios .linea .tools{grid-area:tools;display:flex;justify-content:center;gap:10px;text-align:center;font-size:1.2rem}#listados #lista-admins{width:80%}#listados #lista-admins .linea{font-size:.8rem;margin:5px 0;display:grid;grid-auto-columns:1fr;grid-template-columns:.4fr 1.2fr .9fr 1.5fr 1.2fr repeat(2,.9fr);grid-template-rows:.3fr;gap:0px 10px;grid-template-areas:"id nombre apellido email alta estado tools"}#listados #lista-admins .linea.cabecera{font-weight:700;color:#d3d3d3;background-color:#666;padding:3px 0}#listados #lista-admins .linea.cabecera div{text-align:center}#listados #lista-admins .linea .id{grid-area:id;text-align:right;padding-right:5px}#listados #lista-admins .linea .nombre{grid-area:nombre}#listados #lista-admins .linea .apellido{grid-area:apellido}#listados #lista-admins .linea .email{grid-area:email}#listados #lista-admins .linea .alta{grid-area:alta;text-align:center}#listados #lista-admins .linea .estado{grid-area:estado}#listados #lista-admins .linea .tools{grid-area:tools;display:flex;justify-content:space-around}.paginador{display:flex;font-size:-4rem;gap:.5rem;justify-content:center}.paginador div{padding:.5rem;border:gray 1px solid;border-radius:3px;cursor:pointer}.paginador div:hover{border:black 1px solid}.paginador div.disabled{color:gray;cursor:auto}.paginador div.selected{border:black 1px solid;box-shadow:1px 1px 2px gray;font-weight:700}.paginador div.tres-puntos{border:none;font-weight:700}.unica{text-align:center;padding:10px 0;letter-spacing:2px;font-style:italic;color:gray}.ventanaModal{width:100%;height:100%;background:rgba(255,255,255,.3);position:fixed;top:0;left:0}.ventanaModal .modalCuerpo{position:relative;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;background-color:#fff;padding:0 30px;box-shadow:2px 2px 5px gray;border:1px solid lightgrey;border-radius:15px;width:800px}.ventanaModal .modalCuerpo .modal-titulo{font-size:1.3rem;font-weight:700;text-align:center;padding:10px 0;border-bottom:solid 1px grey;display:grid;grid-template-columns:11fr 1fr}.ventanaModal .modalCuerpo .modal-titulo .titulo-texto span{font-weight:400;font-size:1rem}.ventanaModal .modalCuerpo .modal-titulo #close{text-align:right;cursor:pointer}#cliente{text-align:center;font-size:1.1rem}#cliente u{font-weight:500}#detalles-juicio #cuadro-detalles{display:grid;grid-template-columns:10fr 2fr;gap:0 10px}#detalles-juicio #cuadro-detalles .detalles{display:grid;grid-template-columns:4fr 10fr;padding-left:20px}#detalles-juicio #cuadro-detalles .detalles div:nth-child(odd){font-weight:700}#detalles-juicio #cuadro-detalles .detalles div:nth-child(even){font-family:Arial,Helvetica,sans-serif}#detalles-juicio #cuadro-detalles .detalles .deta-reclamo{height:60px}#detalles-juicio #cuadro-detalles .tecnicos{padding-left:5px;text-align:center}#detalles-juicio #cuadro-detalles .tecnicos div:nth-child(odd){font-weight:500}#detalles-juicio #cuadro-detalles .tecnicos div:nth-child(even){font-family:Arial,Helvetica,sans-serif;border-bottom:1px solid black}#detalles-juicio #cuadro-detalles .tecnicos div:last-child{border-bottom:none}#movimiento-juicio{margin-top:15px;display:grid;grid-template-columns:3fr 3fr;gap:10px}#movimiento-juicio div.movi-cuadro{padding:5px;height:300px}#movimiento-juicio div.movi-cuadro .movi-titulo{display:grid;grid-template-columns:2fr 1fr;gap:0 10px;text-align:center;font-weight:700;border-bottom:1px solid black}#movimiento-juicio div.movi-cuadro .movi-lista{padding-top:5px}#movimiento-juicio #capital{display:grid;grid-template-columns:1fr 1fr;gap:10px}#gestiones{width:100%;height:260px;overflow:auto}#gestiones .gestion{font-size:.9rem}#gestiones .gestion .gestion-estado{background-color:#000;color:#fff;padding-left:5px;font-weight:700}#gestiones .gestion .gestion-estado span{font-weight:400}#gestiones .gestion .gestion-detalle div:first-child{font-weight:700}#gestiones .gestion .gestion-extras{display:grid;grid-template-columns:5fr 5fr 1fr;font-weight:700;margin-bottom:5px;background-color:#0000001a}#gestiones .gestion .gestion-extras span{font-weight:400}#gestiones .gestion .gestion-extras .borrar-gestion div{cursor:pointer}#gestiones .gestion .gestion-extras .borrar-gestion div:hover{color:red}#gastos{width:95%;height:260px;overflow:auto}#gastos .gasto{font-size:.9rem}#gastos .gasto .gasto-fecha{background-color:#000;color:#fff;padding-left:5px;font-weight:700}#gastos .gasto .gasto-fecha span{font-weight:400}#gastos .gasto .gasto-concepto{font-weight:700}#gastos .gasto .gasto-concepto span{font-weight:400}#gastos .gasto .gasto-detalle div:first-child{font-weight:700}#gastos .gasto .gasto-extras{display:grid;grid-template-columns:1fr 1fr;font-weight:700;margin-bottom:5px;background-color:#0000001a}#gastos .gasto .gasto-extras span{font-weight:400}#gastos .gasto .gasto-extras .reintegro{display:flex}#honorarios{width:95%;height:260px;overflow:auto}#honorarios .hono{font-size:.9rem}#honorarios .hono .hono-fecha{background-color:#000;color:#fff;padding-left:5px;font-weight:700}#honorarios .hono .hono-fecha span{font-weight:400}#honorarios .hono .hono-factura{font-weight:700}#honorarios .hono .hono-factura span{font-weight:400}#honorarios .hono .hono-concepto div:first-child{font-weight:700}#honorarios .hono .hono-concepto div:nth-child(2){min-height:15px}#honorarios .hono .hono-extras{display:grid;grid-template-columns:1fr 1fr;font-weight:700;margin-bottom:5px;background-color:#0000001a}#honorarios .hono .hono-extras span{font-weight:400}#honorarios .hono .hono-extras .reintegro{display:flex}#login .regis{text-align:center}#login form{width:400px;margin:30px auto;color:#000;letter-spacing:.5px;outline:none;border:none;padding:20px;background-color:#0003;border-radius:10px}#login form h3,#login form p{text-align:center;margin:.5px}#login form label{display:block;margin-top:10px;font-size:16px;font-weight:500;margin-bottom:10px}#login form input{display:block;width:100%;border-radius:5px;margin-top:8px;margin-bottom:15px;font-size:14px;font-weight:300}#login form ::-moz-placeholder{color:#666}#login form :-ms-input-placeholder{color:#666}#login form ::placeholder{color:#666}#login form button{margin-top:10px;width:100%;cursor:pointer}#login form .olvide{margin-top:10px;text-align:center}#login form .olvide a{color:#00f}#login form .social{margin-top:30px;display:flex}#login form .social div{background:red;width:150px;border-radius:3px;padding:5px 10px 10px 5px;background-color:#ffffff45;color:#eaf0fb;text-align:center}#login form .social div:hover{background-color:#ffffff78}#login form .social .fb{color:#00f}#login form .social .go{color:red}.dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dashboard .datos{display:grid;grid-template-columns:3fr 1fr;border:1px solid black;border-radius:5px;width:90%;margin:10px 0}.dashboard .datos .nombre{padding:5px;background-color:#000;color:#fff;font-weight:700}.dashboard .datos .valor{padding:5px;text-align:right}.dashboard .tabla{width:60%}.dashboard .tabla .nombre{padding:5px;background-color:#000;color:#fff;font-weight:700}.dashboard .tabla .data table{width:100%}.dashboard .tabla .data table tr td:first-child{text-align:center}.dashboard .tabla .data table tr td:last-child{text-align:right}#modalMensaje{width:100%;height:100%;position:fixed;top:0;left:0}#modalMensaje #modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:2px 2px 5px #add8e6;border-radius:15px;width:450px;height:200px}#modalMensaje #modal-container #container-header{color:#fff;background:black;height:50px;width:450px;border-radius:15px 15px 0 0;position:absolute;top:0;left:0;z-index:10}#modalMensaje #modal-container #container-header #header-logo img{width:70px;margin:5px 10px}#modalMensaje #modal-container #container-header #mensaje{padding-top:5px;text-align:center;font-weight:700;font-size:1.3rem;font-family:Oswald,sans-serif;height:80px;line-height:2.2rem;color:#fff}#modalMensaje #modal-container #container-header #close{position:absolute;right:10px;top:10px;text-align:right;cursor:pointer;background-color:#666;padding:0 5px;border-radius:50%;border:1px solid #999}#modalMensaje #modal-container #container-body{margin-top:50px;background:white;z-index:9;height:120px;text-align:center}#modalMensaje #modal-container #container-body #bajada{margin-top:10px;padding:10px 20px;font-size:1rem;font-family:Arial,Helvetica,sans-serif;color:#000;font-style:italic}#modalMensaje #modal-container #container-body #bajada a{font-weight:700}#modalMensaje #modal-container #container-body #body-close{position:absolute;bottom:30px;width:100%}#modalMensaje #modal-container #container-footer{color:#fff;background:black;height:30px;width:450px;border-radius:0 0 15px 15px;position:absolute;bottom:0;left:0;z-index:10}html{position:relative;width:100%;height:100%}html body{color:#333;margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:silver}#cliente,#detalles-juicio #cuadro-detalles .detalles,#detalles-juicio #cuadro-detalles .tecnicos,#movimiento-juicio div.movi-cuadro{box-shadow:2px 2px 5px gray;border:1px solid lightgrey;border-radius:15px;margin-bottom:10px}.container{padding:15px;background-image:url(/imagenes/fondo-inicio.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.container .contenidos{padding:10px;min-height:80vh;background-color:#fff}.container .contenidos.portada{background-color:#fff3}.container .contenidos .titulo{font-size:2rem;font-family:Lucida Sans Unicode,Geneva,Verdana,sans-serif}.container .contenidos p{color:#000;font-size:1rem;text-indent:20px}.container .contenidos p strong:hover{color:#ddd;cursor:pointer}.imagen-contexto{border-radius:5px;box-shadow:5px 5px 5px gray;width:40%;margin:20px;float:left}.listados{display:grid;grid-template-columns:repeat(2,1fr);margin-top:10px}.listados div{text-align:center;margin-top:10px;cursor:pointer;text-align:left}.listados div:hover{background-color:#ffffff80;font-weight:700}.listados.clientes{display:grid;grid-template-columns:repeat(3,1fr);font-size:.9rem}.listados.clientes div{margin-top:5px}.negrita{font-weight:700}.hidden{display:none}