@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css?family=Raleway:400,700";.caja-ancha{padding-top:20px;width:1024px;max-width:95%;margin:auto}.caja-ancha .perro-gato img{width:100%}.caja-ancha .logo-bajada{margin-top:-100px;display:grid;grid-template-columns:4fr 8fr}.caja-ancha .logo-bajada .logo img{width:300px}.caja-ancha .logo-bajada .bajada{padding:50px 50px 30px;text-align:left}.caja-ancha .logo-bajada .bajada .bajada-titulo{font-size:2.3rem;font-weight:700;padding-top:30px;line-height:40px}.caja-ancha .logo-bajada .bajada .bajada-comentario{font-size:1.3rem;color:#5f257f;font-weight:lighter;text-align:justify;font-weight:400;line-height:30px;margin-top:15px}.caja-ancha .logo-bajada .boton-ingreso{margin-top:45px;text-align:center}.caja{padding-top:20px;width:850px;margin:auto}.caja-footer{text-align:center;margin:20px 0}.titular{font-weight:bolder;color:#5f257f;font-size:1.5rem;text-align:left;padding:10px 0}@media (max-width: 990px){.caja-ancha .logo-bajada .bajada .bajada-titulo{font-size:1.6rem}.caja-ancha .logo-bajada .bajada .bajada-comentario{font-size:1.1rem}}@media (max-width: 750px){.caja-ancha .perro-gato{padding-top:20px}.caja-ancha .logo-bajada .logo img{width:200px;margin:auto}.caja-ancha .logo-bajada .bajada .bajada-titulo{font-size:1.4rem}.caja-ancha .logo-bajada .bajada .bajada-comentario{font-size:1rem}}@media (max-width: 700px){.caja-ancha .perro-gato{padding-top:20px}.caja-ancha .logo-bajada{display:block}.caja-ancha .logo-bajada .logo{width:100%;text-align:center}.caja-ancha .logo-bajada .logo img{width:80%;margin:auto}.caja-ancha .logo-bajada .bajada .bajada-titulo{font-size:1.8rem}.caja-ancha .logo-bajada .bajada .bajada-comentario{font-size:1rem}}.marquesina{width:90%;max-width:800px;display:grid;grid-template-columns:3fr 9fr 1fr;margin:auto;height:110px}.marquesina .logo{cursor:pointer}.marquesina .logo img{height:100px}.marquesina .empresa{font-size:3rem;font-weight:bolder;padding-top:20px}.marquesina .logout{height:50%;font-size:3rem;padding-top:20px;cursor:pointer}.descripcion{background-color:#d3d3d3;padding:20px}.descripcion .descr-texto{width:100%;margin:auto}.descripcion .descr-texto p{margin-bottom:15px;text-align:justify}.veinte-anos{display:grid;grid-template-columns:10fr 3fr;height:300px}.veinte-anos .mano-pata{background:url(/imagenes/mano-pata.jpg);background-size:100%;display:grid;grid-template-columns:5fr 8fr}.veinte-anos .mano-pata .mas-de{background-image:url(imagenes/fondo-rojo-transparente.png);background-size:100%;color:#fff;font-weight:bolder;text-align:center;padding-top:120px;font-size:1.5rem}.veinte-anos .pata{background-color:#575756}.veinte-anos .pata .patita{width:120px;margin:auto;padding-top:50px;text-align:center}.veinte-anos .pata .patita img{width:100px;margin:auto}.serv-equipo-datos{display:grid;grid-template-columns:3fr 6fr 3fr}.serv-equipo-datos .servicios .serv-lista ul{margin-left:15px}.serv-equipo-datos .servicios .serv-lista ul li{font-size:.8rem;margin:0;line-height:20px}.serv-equipo-datos .servicios .serv-lista ul li:before{content:"\2022";color:red;font-weight:700;font-size:1.5rem;display:inline-block;width:1em;margin-left:-1em}.serv-equipo-datos .equipo img{width:100%}.serv-equipo-datos .equipo .nombre{font-size:.7rem}.serv-equipo-datos .equipo .equipo-jefes{display:grid;grid-template-columns:2fr 4fr 4fr 2fr;gap:5px;margin-bottom:15px;text-align:center}.serv-equipo-datos .equipo .equipo-jefes .nombre{text-align:center}.serv-equipo-datos .equipo .equipo-otros{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}.serv-equipo-datos .equipo .equipo-otros img{width:80%}.serv-equipo-datos .equipo .equipo-otros .nombre{text-align:center}.serv-equipo-datos .datos{text-align:center;margin-left:0 20px;margin-top:-20px}.serv-equipo-datos .datos div,.serv-equipo-datos .datos div>b{font-size:.8rem}.serv-equipo-datos .datos .icono{margin-top:10px!important;width:20px;margin:auto}.serv-equipo-datos .datos .icono img{color:red}.areas-cont .areas{display:grid;grid-template-columns:repeat(7,1fr)}.areas-cont .areas .area{padding-top:20px;text-align:center;border:1px solid lightgrey}.areas-cont .areas .area .area-nombre{font-size:.7rem}.areas-cont .areas .area.rosa{background-color:#e6a9ad}.areas-cont .areas-foto{display:grid;grid-template-columns:repeat(7,1fr)}.areas-cont .areas-foto .area{border:1px solid lightgrey;padding-top:20px}.areas-cont .areas-foto .area img{width:80%}.areas-cont .areas-intensivos{display:grid;grid-template-columns:1fr 3fr 3fr}.areas-cont .areas-intensivos .corazon{text-align:center}.areas-cont .areas-intensivos .corazon .area-rosa{padding:20px 0;background-color:#e6a9ad}.areas-cont .areas-intensivos .corazon .area-foto{padding-top:25px}.areas-cont .areas-intensivos .corazon .area-foto img{width:100%}.areas-cont .areas-intensivos .intensivo-imagen{background-color:#d3d3d3;position:relative}.areas-cont .areas-intensivos .intensivo-imagen .flotante{position:absolute;left:30px;top:0px}.areas-cont .areas-intensivos .intensivo-imagen .flotante img{margin-top:50px;width:110%}.areas-cont .areas-intensivos .intensivo-texto{font-size:.8rem;padding:15px 15px 0 80px;text-align:justify}.login-container{background:linear-gradient(90deg,rgba(199,197,244,.5),rgba(119,107,204,.5));font-family:Raleway,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;position:fixed;top:0;left:0;width:100%}.login-container .screen{background:linear-gradient(90deg,#5d54a4,#7c78b8);position:relative;height:600px;width:360px;box-shadow:0 0 24px #5c5696}.login-container .screen .screen-close{position:absolute;right:5px;top:5px;color:#fff;cursor:pointer;z-index:2}.login-container .screen .screen__content{z-index:1;position:relative;height:100%}.login-container .screen .screen__content .login{width:320px;padding:30px;margin:auto}.login-container .screen .screen__content .login .screen_logo{text-align:center}.login-container .screen .screen__content .login .login__field{text-align:center;padding:20px 0;position:relative}.login-container .screen .screen__content .login .login__field .login__icon{position:absolute;top:30px;color:#7875b5}.login-container .screen .screen__content .login .login__field .login__input{border:none;border-bottom:2px solid #d1d1d4;background:none;padding:10px 10px 10px 24px;width:75%;transition:.2s}.login-container .screen .screen__content .login .login__field .login__input:active,.login-container .screen .screen__content .login .login__field .login__input:focus,.login-container .screen .screen__content .login .login__field .login__input:hover{outline:none;border-bottom-color:#6a679e}.login-container .screen .screen__content .login .login__field .login__input::-moz-placeholder{color:#fff}.login-container .screen .screen__content .login .login__field .login__input::placeholder{color:#fff}.login-container .screen .screen__content .login .login__submit{background:#fff;font-size:14px;margin-top:30px;padding:16px 20px;border-radius:26px;border:1px solid #d4d3e8;text-transform:uppercase;font-weight:700;height:50px;line-height:40%;align-items:center;width:100%;color:#4c489d;box-shadow:0 2px 2px #5c5696;cursor:pointer;transition:.2s}.login-container .screen .screen__content .login .login__submit:active,.login-container .screen .screen__content .login .login__submit:focus,.login-container .screen .screen__content .login .login__submit:hover{border-color:#6a679e;outline:none}.login-container .screen .screen__content .login .login__submit .button__icon{font-size:24px;margin-left:auto;color:#7875b5}.login-container .screen .screen__content .err-message{text-align:center;margin-top:10px;color:orange;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:700}.login-container .screen .screen__content .social-login{position:absolute;height:140px;width:160px;text-align:center;bottom:0px;right:0px;color:#fff}.login-container .screen .screen__content .social-login .social-icons{display:flex;align-items:center;justify-content:center}.login-container .screen .screen__content .social-login .social-icons .social-login__icon{padding:20px 10px;color:#fff;text-decoration:none;text-shadow:0px 0px 8px #7875b5}.login-container .screen .screen__content .social-login .social-icons .social-login__icon:hover{transform:scale(1.5)}.login-container .screen .screen__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.login-container .screen .screen__background .screen__background__shape{transform:rotate(45deg);position:absolute}.login-container .screen .screen__background .screen__background__shape.screen__background__shape1{height:520px;width:520px;background:#fff;top:-50px;right:120px;border-radius:0 72px 0 0}.login-container .screen .screen__background .screen__background__shape.screen__background__shape2{height:220px;width:220px;background:#6c63ac;top:-172px;right:0;border-radius:32px}.login-container .screen .screen__background .screen__background__shape.screen__background__shape3{height:540px;width:190px;background:linear-gradient(270deg,#5d54a4,#6a679e);top:-24px;right:0;border-radius:32px}.login-container .screen .screen__background .screen__background__shape.screen__background__shape4{height:400px;width:200px;background:#7e7bb9;top:420px;right:50px;border-radius:60px}.intranet{width:850px;height:100%;margin:auto;box-shadow:3px 3px 5px #d3d3d3;border:gray 1px solid}.pacientes table{width:100%;box-shadow:3px 3px 5px #d3d3d3}.pacientes table tr.cabecera{background:linear-gradient(90deg,#c7c5f4,#776bcc);color:#fff}.pacientes table tr th{border-bottom:1px solid black}.pacientes table tr th form{margin:auto;display:flex}.pacientes table tr th form .input{width:250px;position:relative}.pacientes table tr th form .input select,.pacientes table tr th form .input input{margin-top:5px;font-size:.8rem;width:90%}.pacientes table tr th form .input .clear{cursor:pointer;position:absolute;right:20px;top:5px}.pacientes table tr th form .lupa{margin-top:5px}.pacientes table tr th.abecedario{padding:10px 0}.pacientes table tr th.abecedario .letra{display:inline;padding:3px 5px;margin:0 5px;font-weight:400;font-size:.9rem;cursor:pointer;border-radius:5px;background-color:#d3d3d3}.pacientes table tr th.abecedario .letra.select{background-color:gray;color:#fff;font-weight:700}.pacientes table tr td{text-align:center}.pacientes table tr td.ver{cursor:pointer;text-align:left}.pacientes table tr td input{width:100%}.pacientes table tr td.masc{text-align:center;font-weight:bolder;font-size:1.2rem}.pacientes table tr td.trash{cursor:pointer}.pacientes table tr:hover{background-color:#0000001a}.separador{height:40px}.mascotas{display:flex;justify-content:center;gap:10px;margin-bottom:10px;border-bottom:1px solid gray;padding-bottom:10px}.mascotas .mascota{padding:0 10px;box-shadow:3px 3px 3px gray;border-radius:5px;text-align:center;border:1px solid gray;position:relative;cursor:pointer}.mascotas .mascota .borrar-mascota{position:absolute;top:-20px;right:-10px;padding:0 3px;border-radius:5px;border:solid 1px gray}.mascotas .mascota:hover{background-color:#d3d3d3}.mascotas .mascota.selected{background-color:gray;color:#fff}.mascotas .mascota.add{background-color:#247f9a;color:#fff;font-weight:700}.mascotas .mascota.add.agregar{background-color:#00f}.mascotas .mascota.add-estudio{background-color:#247f9a;color:#ff4500;font-weight:700}.mascotas .mascota.input input{width:100px;border:none}.mascotas .mascota.cancelar{background-color:orange}.paciente{width:450px;max-width:95%;height:100%;margin:15px auto auto;box-shadow:3px 3px 5px #d3d3d3;border:gray 1px solid;border-radius:10px}.paciente .marquesina-paciente{display:grid;grid-template-columns:2fr 9fr 1fr;text-align:center;border-bottom:1px solid black}.paciente .marquesina-paciente img{height:50px;cursor:pointer}.paciente .marquesina-paciente .empresa{font-size:2rem;font-weight:700}.paciente .marquesina-paciente .logout{font-size:1.3rem;height:50%;padding-top:10px;cursor:pointer}.paciente .titular{font-size:1rem;text-align:center}.paciente-add-cont{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#ffffff4d}.paciente-add-cont .paciente-add{margin:150px auto auto;width:450px;max-width:95%;height:300px;background-color:#fff;box-shadow:3px 3px 5px #d3d3d3;border:gray 1px solid;border-radius:10px}.paciente-add-cont .paciente-add .paciente-add-titulo{display:grid;grid-template-columns:11fr 1fr;text-align:center;background-color:#a9a9a9}.paciente-add-cont .paciente-add .paciente-add-titulo .cerrar{cursor:pointer}.paciente-add-cont .paciente-add .paciente-add-titulo .cerrar:hover{color:red}.paciente-add-cont .paciente-add .paciente-add-titulo .titulo{color:#fff;font-size:1rem;text-align:center}.paciente-add-cont .paciente-add form{padding:15px}.paciente-add-cont .paciente-add form div{display:grid;grid-template-columns:3fr 9fr;gap:10px;margin-bottom:5px}.paciente-add-cont .paciente-add form div label{gap:10px}.paciente-add-cont .paciente-add form div.paciente-check{position:relative}.paciente-add-cont .paciente-add form div.paciente-check .check{position:absolute;right:-15px;top:5px}.paciente-add-cont .paciente-add form button{display:flex;margin:auto}.estudios .ficha-paciente{display:grid;grid-template-columns:2fr 10fr;width:98%;height:50px;box-shadow:6px 6px 10px #d3d3d3;border:1px lightgray solid;border-radius:5px;margin:20px auto;padding:10px}.estudios .ficha-paciente span{font-weight:700}.estudios .ficha-paciente .pacientes-volver{text-align:center}.estudios .ficha-paciente .pacientes-volver button{height:30px;padding-top:2px}.estudios .ficha-paciente .paciente-datos{text-align:center}.estudios .ficha-paciente .paciente-datos .mascotas{height:25px;border-radius:5px}.estudios .estudios-lista table{width:100%}.estudios .estudios-lista table th.estu-ord,.estudios .estudios-lista table td.estu-ord{width:5%}.estudios .estudios-lista table th.estu-date,.estudios .estudios-lista table td.estu-date{width:10%}.estudios .estudios-lista table th.estu-note,.estudios .estudios-lista table td.estu-note{width:55%}.estudios .estudios-lista table th.estu-note .titulo,.estudios .estudios-lista table td.estu-note .titulo{font-weight:700}.estudios .estudios-lista table th.estu-note .nota,.estudios .estudios-lista table td.estu-note .nota{font-family:Arial,Helvetica,sans-serif;font-size:.9rem}.estudios .estudios-lista table th.estu-docu,.estudios .estudios-lista table td.estu-docu{width:25%;text-align:center;cursor:pointer}.estudios .estudios-lista table th.estu-read,.estudios .estudios-lista table td.estu-read{width:5%;text-align:center}.estudios .estudios-lista table th.estu-tools,.estudios .estudios-lista table td.estu-tools{width:5%}.estudios .estudios-lista table th.estu-trush,.estudios .estudios-lista table td.estu-trush{cursor:pointer}.estudios .estudios-lista table th.estu-trush:hover,.estudios .estudios-lista table td.estu-trush:hover{color:red}.estudios .estudios-lista table th.estu-edit,.estudios .estudios-lista table td.estu-edit{cursor:pointer}.estudios .estudios-lista table th.estu-edit:hover,.estudios .estudios-lista table td.estu-edit:hover{color:#90ee90}.estudios .estudios-lista table tr:hover{background-color:#0000001a}.estudios .estudios-lista table tr td{padding:5px;font-size:.9rem}.paciente-estudios{padding:10px}.paciente-estudios .paciente-estudio{display:grid;grid-template-columns:2fr 10fr;box-shadow:6px 6px 10px #d3d3d3;border:gray 1px solid;border-radius:5px;transition:all;height:100px;margin-bottom:10px}.paciente-estudios .paciente-estudio .estudio-fecha{background:darkgray;text-align:center;color:#fff;font-weight:900;padding-top:5px}.paciente-estudios .paciente-estudio .estudio-fecha .fecha-dia{font-size:2rem}.paciente-estudios .paciente-estudio .estudio-fecha .fecha-mes{margin-top:-5px}.paciente-estudios .paciente-estudio .estudio-barra{display:grid;grid-template-columns:11fr 1fr;background-color:#d3d3d3}.paciente-estudios .paciente-estudio .estudio-barra .estudio-titulo{padding-left:5px;font-weight:700}.paciente-estudios .paciente-estudio .estudio-barra .estudio-ojito{text-align:center}.paciente-estudios .paciente-estudio .estudio-cuerpo{position:relative;height:70px}.paciente-estudios .paciente-estudio .estudio-cuerpo .estudio-nota{padding:5px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}.paciente-estudios .paciente-estudio .estudio-cuerpo .estudio-ver{position:absolute;right:10px;bottom:0px;cursor:pointer;padding:3px;border:1px solid lightgrey}.carga-cont{position:fixed;top:0;left:0;width:100%;height:100vh;align-items:center;justify-content:center;background-color:#ffffff80}.carga-cont .carga{border-radius:25px;margin-top:150px!important;width:500px;margin:auto;height:500px;box-shadow:3px 3px 5px #d3d3d3;border:1px solid red;background-color:#fff}.carga-cont .carga .form{width:100%}.carga-cont .carga .form div{display:flex}.carga-cont .carga .form div .upload{cursor:pointer}.carga-cont .carga .form div label{display:flex;flex-direction:column;width:100%}.carga-cont .carga .form div label .carga-titulo{display:grid;grid-template-columns:11fr 1fr;justify-content:center;background-color:#d3d3d3;border-radius:27px 27px 0 0;color:#000;font-weight:700}.carga-cont .carga .form div label .carga-titulo div{text-align:center;display:block}.carga-cont .carga .form div label .carga-titulo div.cerrar{cursor:pointer;background-color:gray;color:#fff;border-top-right-radius:15px}.carga-cont .carga .form div label .carga-titulo div.cerrar:hover{color:red}.carga-cont .carga .form div label .tit{font-size:1.5rem}.carga-cont .carga .form div label input[type=file]{width:1px;height:1px}.carga-cont .carga .form div label select{width:90%;margin:auto;padding:5px}.carga-cont .carga .form div label textarea{width:90%;border-radius:15px;margin:10px auto;padding:10px}.carga-cont .carga .form div label span{font-weight:700;margin:5px 5px 5px 25px;text-align:center}.carga-cont .carga .form div.funciones{display:grid;grid-template-columns:repeat(2,3fr);gap:10px;width:90%}.carga-cont .carga .form div.editar{display:block;text-align:center}.confirmar-cont{position:fixed;top:0;left:0;width:100%;height:100vh;align-items:center;justify-content:center;background-color:#ffffff80}.confirmar-cont .confirmar{border-radius:15px;margin-top:150px!important;width:300px;margin:auto;height:120px;box-shadow:3px 3px 5px #d3d3d3;border:1px solid gray;background-color:#fff}.confirmar-cont .confirmar .confirmar-marquesina{display:grid;grid-template-columns:11fr 1fr;text-align:center;background-color:gray;border-radius:15px 15px 0 0;color:#fff;font-weight:700}.confirmar-cont .confirmar .confirmar-marquesina .close:hover{color:red}.confirmar-cont .confirmar form{width:100%}.confirmar-cont .confirmar form .botones{display:flex;gap:30px;justify-content:center}.confirmar-cont .confirmar form .botones .boton-si{background-color:#006400}.confirmar-cont .confirmar form .botones .boton-no{background-color:#8b0000}.confirmar-cont .accion{text-align:center;font-family:Arial,Helvetica,sans-serif;font-style:italic;margin:10px 0}.visor-imagenes-cont{align-items:center;justify-content:center;background-color:#ffffff80;min-height:100vh;position:fixed;top:0;left:0;width:100%}.visor-imagenes-cont .visor-marco{border:1px solid gray;box-shadow:6px 6px 10px #d3d3d3;position:relative;width:800px;min-height:80vh;margin:50px auto auto}.visor-imagenes-cont .visor-marco .estudio-mascota{height:40px;background-color:#d3d3d3;display:grid;grid-template-columns:11fr 1fr}.visor-imagenes-cont .visor-marco .estudio-mascota .estudio-titulo{text-align:center;font-size:1.5rem;font-weight:700}.visor-imagenes-cont .visor-marco .estudio-mascota .cerrar{padding-top:5px;cursor:pointer}.visor-imagenes-cont .visor-marco .visor-imagen img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}*{list-style:none;text-decoration:none;margin:0;padding:0;box-sizing:border-box;font-size:16px;font-family:Open Sans,sans-serif}a{text-decoration:none}a span{color:#fff}a span:activo{color:#ff4500}.boton{color:#fff;font-weight:700;text-align:center;background-color:#5f257f;padding:5px 30px;border-radius:10px;cursor:pointer}.boton-cli{color:#fff;font-weight:700;text-align:center;background-color:#00f;padding:5px 10px;border-radius:10px;cursor:pointer;height:40px;text-transform:uppercase}.boton-cli.salir{background-color:orange}.boton-cli.desact{background-color:#247f9a}.center{text-align:center}.franja-gris{height:25px;background-color:#d3d3d3;margin:25px 0;width:100%}.titulo-pagina{padding:25px;text-align:center;font-size:1.2rem;font-weight:900}input{padding-left:5px}.mensaje{display:block!important;text-align:center;font-family:Arial,Helvetica,sans-serif;font-style:italic;color:red}