@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box}.App{display:flex;flex-direction:column;gap:0;position:relative;z-index:10}.ContenedorPrincipal{display:flex;flex-direction:column;flex-grow:1;width:100%;overflow-x:hidden;box-sizing:border-box;margin:0 auto;max-width:1600px}.layout{display:flex;flex-direction:row;flex-grow:1;gap:20px;width:100%;padding:20px;box-sizing:border-box}.sidebar{flex:0 0 300px;background-color:#f9f9f9;padding:0;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:100%}.main-content{flex:1;display:flex;flex-direction:column;gap:20px;height:100%}.main-content h2{font-size:1.4em;font-weight:500}.ZonaTarjetas{display:grid;gap:16px;width:100%;margin:0 auto;padding:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{flex:0}.ZonaTarjetas{width:auto}}.formulario--register--login{width:100%;max-width:500px;margin:0 auto;padding:15px;border-radius:8px;box-shadow:0 0 10px #0000001a}.PantallasSesion{width:100%;padding:20px 0}.formulario__opcionespassword{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.formulario__opcionespassword label{display:flex;align-items:center;gap:5px}.formulario__opcionespassword p{color:var(--AzulPrincipal);-webkit-user-select:none;user-select:none}.formulario__opcionespassword p:hover{cursor:pointer;text-decoration:underline}.iniciarSesion--Registrarse{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}@media (max-width: 480px){.formulario--register--login{width:100%;box-shadow:none}.PantallasSesion{width:100%;padding:10px 0}.iniciarSesion{padding:12px}.contraseñaOlvidada p{font-size:13px}}.page-container{max-width:1200px;margin:0 auto;padding:0 20px}.servicios-plomeria{position:relative;width:100%;height:100%}.contenedor-plomeria-imagen{position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.principal-imagen-1{width:100%;height:calc(100vh - 96px);object-fit:cover;border-radius:20px}.contenedor-plomeria-imagen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#00000094,#00000094 16%,#00000094,#00000026 50%,#0000001a 66%,#0000000d,#0000);z-index:1;border-radius:20px}.texto-superpuesto{position:absolute;top:20%;left:5%;color:#fff;width:40%;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.texto-superpuesto h2{font-size:3rem}.texto-superpuesto p{color:#fff;font-size:1.2rem;line-height:1.5}.btn-contactar-plomero{margin-top:20px;padding:10px 20px;color:#fff;border:none;cursor:pointer;width:auto}.nuestros-servicios{background-color:#f1f1f1;padding:40px 0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.nuestros-servicios h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:40px}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));justify-items:center;gap:20px;width:100%}.servicio{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000001a;width:360px;height:230px;text-align:left;display:flex;flex-direction:column}.servicio h3{font-size:1.25rem;font-weight:700;margin-bottom:10px}.acerca-de-nosotros{display:flex;align-items:center;justify-content:space-between;padding:40px 20px 0;max-width:1200px;margin:0 auto}.texto-nosotros{flex:1;text-align:left;padding-right:20px;font-size:1.5rem}.imagen-nosotros{flex:1;text-align:right}.imagen-nosotros img{max-width:80%;height:auto;display:block;margin:0 auto}.problemas-plomeria{background-color:#f1f1f1;padding:60px 0;width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;text-align:center}.problemas-plomeria h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.problemas-plomeria p{font-size:1.25rem;margin-bottom:40px}.problemas-plomeria button{background-color:#000;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;align-items:center;font-size:1rem;font-weight:700;width:auto;font-weight:400}.contacto-bienvenida{background-color:#f1f1f1;padding:40px 0;width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw}.grid-contacto-bienvenida{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.cuadro-contacto,.cuadro-bienvenida{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 5px #0000001a;text-align:left}.cuadro-contacto h3,.cuadro-bienvenida h3{font-size:1.75rem;font-weight:700;margin-bottom:20px}.cuadro-contacto p,.cuadro-bienvenida p{font-size:1.1rem;margin-bottom:10px}@media (min-width: 1920px){.principal-imagen-1{height:auto}}@media (min-width: 1025px) and (max-width: 1919px){.principal-imagen-1{height:calc(100vh - 96px)}.grid-contacto-bienvenida{grid-template-columns:1fr}}@media (max-width: 767px){.page-container{padding:0}.page-container h2{font-size:1.5em}.page-container h3{font-size:1em}.page-container p{font-size:.9em}.texto-superpuesto{width:90%;top:25px;display:flex;flex-direction:column;justify-content:space-between;height:90%}.texto-superpuesto h2{font-size:1.5em}.texto-superpuesto p{font-size:.9em}.contenedor-plomeria-imagen,.principal-imagen-1{height:50vh;border-radius:0}.contenedor-plomeria-imagen:before{background:linear-gradient(to right,#000c,#000000b3 16%,#0009,#00000080 50%,#0006 66%,#0000004d,#0003);border-radius:0}.btn-contactar-plomero,.servicios-grid{width:100%}.servicio{width:90%;height:auto}.acerca-de-nosotros{flex-direction:column}.problemas-plomeria{padding:50px 10px}.grid-contacto-bienvenida{grid-template-columns:1fr;gap:20px;padding:0 10px}.cuadro-contacto,.cuadro-bienvenida{padding:20px;font-size:1rem}}.card{min-width:280px;max-width:320px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;background-color:#fff;display:flex;flex-direction:column}.card-img{width:100%;height:300px;object-fit:cover;background-color:#f8f8f8}.card-content{padding:16px;display:flex;flex-direction:column;height:100%}.card-body{flex-grow:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rating{display:flex;align-items:center}.star{width:20px;height:20px;fill:var(--GrisObscuro);stroke:#333;margin-right:2px}.star.filled{fill:#000;stroke:#000}.rating-text{margin-left:8px;font-size:.875rem;color:#000;font-weight:700}.badge{font-size:.74rem;padding:4px 8px;border-radius:12px}.badge-no{background-color:var(--RojoSuave);color:#000}.badge-yes{background-color:var(--VerdeSuave);color:#333}.card-title{font-size:1.25rem;font-weight:700;margin:8px 0;text-align:left}.card-subtitle{font-size:.875rem;color:#777;margin-bottom:12px;text-align:left}.card-details{display:flex;justify-content:space-between;margin-bottom:16px}.detail{display:flex;align-items:center;font-size:.875rem;color:#555}.detail svg{margin-right:4px}.card-services{display:flex;justify-content:space-between;margin-bottom:16px}.service{display:flex;align-items:center;font-size:.875rem;color:#555;margin-bottom:8px}.service span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:box;line-clamp:1;box-orient:vertical}.service svg{margin-right:4px;width:17px;height:17px;stroke:#555}.button{width:100%;padding:8px 16px;font-size:1rem;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:auto}.button:hover{background-color:#333}.servicios-filtro{padding:0 20px 20px;border-right:1px solid #ccc;width:100%}.servicios-filtro h3{margin-bottom:15px;font-size:1.2em}.service-item{margin-bottom:10px;font-size:.95em}.service-item input[type=checkbox]{margin-right:10px}@media (max-width: 768px){.servicios-filtro{padding:0}.servicios-filtro form{max-height:40vh;overflow-y:auto;display:none;padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.servicios-filtro.open form{display:block}.servicios-filtro h3{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;padding:10px;border-radius:5px;cursor:pointer}.servicios-filtro h3:after{content:"▼";font-size:.8em;margin-left:10px}.servicios-filtro.open h3:after{content:"▲"}}.card-perfil-campos-plomero{width:100%;max-width:1800px;margin:0 auto;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;font-family:Arial,sans-serif}.card-header-perfil-campos-plomero{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e2e8f0;background-color:#f9fafb}.card-title-perfil-campos-plomero{font-size:1.5rem;font-weight:600;margin:0;color:#1a202c}.card-content-perfil-campos-plomero{padding:16px;display:flex;flex-direction:column}.field{display:flex;flex-direction:column}.field-label{font-weight:600;font-size:1rem;margin-bottom:8px;color:#4a5568}.field-value{display:flex;align-items:center}.field-text{margin-left:8px;font-size:1rem;color:#2d3748}.list{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.list-item{display:flex;align-items:center}.list-text{margin-left:8px;font-size:1rem;color:#2d3748}.field .list-item .list-text{margin-left:0}.card-content-perfil-campos-plomero h3{font-size:1.125rem;font-weight:600;margin-bottom:8px;color:#2d3748}.field .list-text{color:#4a5568}.list-item span{color:#a0aec0}.textarea{width:100%;min-height:40px;max-height:200px;overflow:hidden;resize:none;padding:10px;font-size:1rem;border-radius:5px;border:1px solid #ccc}.service-info-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000}.service-info-content{max-width:460px;width:98%;position:relative;padding:15px}@media (max-width: 768px){.list{grid-template-columns:repeat(1,1fr)}.card-perfil-campos-plomero{position:relative}}.servicios-container{display:flex;flex-direction:column;gap:10px}.servicio-card{display:flex;align-items:center;justify-content:space-between;border:none;box-shadow:0 2px 2px #0003;border-radius:10px;padding:10px;max-width:auto;width:100%}.servicio-fecha-evento{display:flex;flex-direction:row}.servicio-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.servicio-header{display:flex;flex-direction:column;width:60%;justify-content:space-between;align-items:flex-start}.servicio-info h2{margin:0;font-size:1.4em;font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;flex-grow:1;text-overflow:ellipsis;align-self:start}.fecha-y-evento{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:40%;padding:2px}.estatus-evento{display:flex;align-items:center;justify-content:center}.estatus-evento span{font-size:.6rem}.fecha{font-size:.75em;color:gray;margin-top:-5px;text-align:right}.con{font-size:.8em;width:100%}.nombre-plomero-container{width:100%}.usuario-nombre{font-size:1em}.contenedor-button-vermas{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:stretch;width:16%}.estatus-texto{position:relative;font-size:.8rem;color:#333}.estatus-texto:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}.aprobado:before{background-color:green}.pendiente:before{background-color:orange}@media (max-width: 768px){.servicio-header{display:flex;justify-content:space-between;align-items:center}.servicio-info h2{font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.fecha{font-size:.65rem;flex-shrink:0}.con{font-size:.7rem}.usuario-nombre{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:box;line-clamp:1;box-orient:vertical}.ver-mas-btn{width:auto;font-size:.7rem;padding:4px 8px}}@media (min-width: 1024px){.fecha{margin-bottom:4px;margin-left:15px}.usuario-nombre{margin-left:15px}}.info-card{background-color:#fff;border-radius:10px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:20px;position:relative}.info-card h2{font-size:1.4rem;font-weight:600}.info-card-close{position:absolute;top:0;right:0;border-radius:50%;padding:0;cursor:pointer;width:40px;height:40px;z-index:9}.info-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.info-card-avatar{width:40px;height:40px;border-radius:50%}.info-card-header-content{flex:1}.info-card-name{font-size:1.1rem;font-weight:500;color:#000}.info-card-date{font-size:.8rem;color:gray}.info-card-rating,.info-card-rating span{font-size:1rem;color:#000}.info-card-title,.info-card-section-title{font-size:1rem;margin:10px 0 5px;font-weight:300}.info-card-services{display:flex;gap:13px;margin-bottom:10px;flex-wrap:wrap}.info-card-services p{font-size:.85rem}.info-card-service{border-radius:3px;padding:1px 2px;font-size:.9rem;cursor:pointer}.info-card-textarea{width:100%;min-height:60px;border:none;border-radius:6px;padding:10px;font-size:.9rem;resize:none;cursor:none;box-shadow:0 2px 2px #0003}.info-card-evidence{display:flex;flex-direction:column;gap:6px}.info-card-evidence-btn{border-radius:5px;padding:5px 10px;height:28px;background-color:#fff;border:none;color:#666;font-size:.85rem;display:flex;align-items:center;width:50%;box-shadow:0 2px 2px #0003;justify-content:space-between}.info-card-evidence-btn p{color:#333;text-decoration:underline;margin-right:5px;cursor:pointer}.custom-divider{width:100%;margin:15px auto;border:none;border-top:1px solid #ccc}.info-card-rating-section{display:flex;align-items:center;gap:10px;margin-bottom:10px}.info-card-avatar-small{width:33px;height:33px;border-radius:50%}.info-card-rating-stars{font-size:1.5rem;margin-bottom:10px}.confirm-service{display:flex;flex-direction:row;justify-content:space-between;padding:2px}.rechazar{background-color:red}.stars{display:flex;align-items:center;gap:5px;margin-top:5px;margin-bottom:5px}.star{font-size:1.3rem;color:gray;cursor:pointer}.star.filled{color:#000}.rating-number{margin-left:10px;font-size:1.2rem}.star.empty{color:gray}@media (max-width: 768px){.info-card-header{gap:5px}.info-card-header-content{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;display:box;line-clamp:1;box-orient:vertical}.info-card-name{font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}}.contenedor-perfil{max-width:1500px;margin:0 auto;height:calc(100vh - 96px);display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;overflow:hidden}.perfil-wrapper{display:flex;flex-direction:row;width:100%;height:100%}.perfil-sidebar{width:250px;background-color:#f1f1f1;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.profile-photo-container{position:relative;display:inline-block;margin-bottom:10px;width:100%;justify-content:center;align-items:center;display:flex;flex-direction:column}.profile-photo-container h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;padding:0}.photo-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.profile-photo{background-color:#639;width:150px;height:150px;object-fit:cover;border-radius:50%;margin-bottom:0;cursor:pointer;transition:.3s ease}.profile-photo-container .badge{position:absolute;left:100px;top:5px}.profile-photo:hover{background-color:#000;cursor:pointer}.profile-photo-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:999;transition:opacity .3s ease}.profile-photo-overlay{display:flex;flex-direction:column;align-items:center}.profile-photo-expanded{width:400px;height:400px;border-radius:10px;object-fit:cover}.change-photo-button{display:block;margin:20px auto 0;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:auto}.change-photo-button:hover{background-color:#2980b9}.perfil-sidebar button{width:100%;padding:10px;margin-bottom:10px;cursor:pointer;background-color:#3498db;color:#fff;border:none;border-radius:5px}.perfil-sidebar button:hover{background-color:#2980b9}.perfil-content{flex:1;padding:20px 30px;overflow-y:auto;box-sizing:border-box;height:100%}.perfil-sidebar .botonRojoOscuro{background-color:#c0392b;color:#fff;border:none;padding:10px;cursor:pointer;margin-top:auto;width:100%;border-radius:5px}.perfil-sidebar .botonRojoOscuro:hover{background-color:#e74c3c}.subir-foto-label{background-color:#c8c8c84f;padding:2px;border-radius:10px}@media (max-width: 768px){.contenedor-perfil{max-width:100%;overflow:auto}.perfil-wrapper{flex-direction:column}.photo-button{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-photo-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:100%}.perfil-sidebar{width:100%;flex-direction:column;align-items:center}.profile-buttons{flex-direction:row;display:flex;width:100%;gap:5px}.perfil-sidebar button{width:100%;overflow-y:hidden}.profile-photo{width:90px;height:90px}.profile-photo-container .badge{position:absolute;left:60px;top:5px}.perfil-content{width:100%;padding:10px;overflow:visible}.perfil-sidebar .botonRojoOscuro{display:none}}.pantallaPrincipal{width:100%;padding-top:30px;padding-bottom:30px;display:flex;justify-content:center;align-items:center}.infoPlomero{background-color:#fff;width:90%;max-width:400px;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;text-align:center;font-family:Helvetica,sans-serif;padding:20px}.headerPlomero{position:relative;background-color:#f5f5f5;padding:20px 0;border-bottom:1px solid #eee}.cuadroImagen{width:120px;height:120px;background-color:#ff0;border-radius:50%;overflow:hidden;margin:0 auto;border:3px solid white;box-shadow:0 0 10px #0000001a}.informacion-imagenPlomero{border-radius:50%;width:100%;height:100%;object-fit:cover}.nombrePlomero{padding:15px}.nombrePlomero h2{margin:10px 0 5px;font-size:24px}.nombrePlomero p{color:#555;margin:0}.detallesPlomero{display:flex;justify-content:space-around;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#f9f9f9}.detallesPlomero div{text-align:center}.detallesPlomero span{font-size:18px;font-weight:700}.reconocimientos{padding:15px}.reconocimientos h3{margin-bottom:10px;font-size:18px;text-align:left}.reconocimientos-iconos{display:flex;justify-content:space-around}.icono{text-align:center;width:80px}.icono img{width:40px;height:40px;object-fit:cover}.icono p{margin-top:5px;font-size:12px}.botonInfoVolver{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;margin:15px 0;cursor:pointer}.botonInfoVolver:hover{background-color:#0056b3}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content{margin:auto;display:block;width:80;max-width:700px}.modal-content,.close{animation-name:zoom;animation-duration:.3s}.botones{display:flex;justify-content:space-around;align-items:center}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media (max-width: 480px){.pantallaPrincipal{padding-top:0;padding-bottom:0}.headerPlomero{padding:20px}.infoPlomero{width:100%;max-width:none}.detallesPlomero{flex-direction:row}.detallesPlomero div{margin-bottom:10px}}@media (min-width: 481px) and (max-width: 768px){.infoPlomero{width:85%}}@media (min-width: 769px){.infoPlomero{width:70%}}@media (min-width: 1366px){.infoPlomero{width:400px}}.DataCRUD-Wrapper{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-grow:1;overflow-y:auto;height:100%}.ZonaBotones{width:10%;background-color:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.ZonaBotones button{display:flex;gap:5px;margin-bottom:10px;padding:4px 8px;width:110px;justify-content:center;align-items:center}.ZonaBotones button svg{width:16px;height:16px;vertical-align:middle}.ZonaTablas{width:90%;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;overflow-y:auto;height:100%}.Header-Servicios{display:flex;width:100%;justify-content:space-between}.titulo-servicios{text-align:left;margin-bottom:20px;font-size:1.7em}.titulo-servicios-button{display:flex;gap:5px;margin-bottom:10px;padding:4px 8px;width:110px;justify-content:center;align-items:center}.titulo-servicios-button svg{width:16px;height:16px;vertical-align:middle}.tabla-container{width:100%;overflow-x:auto}.tablaServicios{width:100%;min-width:auto;border-collapse:collapse;margin:0;font-size:17px;text-align:left}.tablaServicios th,.tablaServicios td{padding:10px;border:1px solid #000}.tablaServicios th{background-color:#f2f2f2}.tabla-acciones--eliminar{background-color:var(--RojoMedio);width:100px}.tabla-acciones--eliminar:hover{background-color:var(--RojoClaro)}.tabla-acciones--editar{width:100px}@media (max-width: 600px){.DataCRUD-Wrapper{flex-direction:column}.ZonaBotones{width:100%;flex-direction:row;gap:10px;justify-content:space-between}.ZonaTablas{padding:10px;width:100%}.tablaServicios{font-size:14px}.tablaServicios th,.tablaServicios td{padding:8px}.titulo-servicios-button{width:auto}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-width:600px;width:100%;box-shadow:0 4px 8px #0000001a;max-height:90vh;overflow-y:auto;position:relative;padding:20px}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid #f1f1f1}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#555}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;background-color:#fff;border-radius:50px}.modal-close-button:hover{color:#fff}.ZonaAgregarPlomero{display:flex;flex-direction:column;gap:20px}.TituloAgregarPlomero{font-size:1.7em;margin-bottom:10px}.label{display:flex;flex-direction:column}.texto--a-p{font-size:1em;color:#555;margin-bottom:5px}.input--a-p{padding:10px;font-size:1em;border:1px solid #ccc;border-radius:5px}.input--a-p:focus{border-color:#007bff;outline:none}.checkbox-label{font-size:1em;margin-bottom:5px}.fieldset-dias_de_trabajo,.fieldset-servicios{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:5px;padding:15px;max-height:270px;overflow-y:auto;gap:5px}.fieldset-dias_de_trabajo legend,.fieldset-servicios legend,.fieldset-zonas_trabajo legend{font-size:1.2em;margin-bottom:10px}.fieldset-zonas_trabajo{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:5px;padding:15px}.btn-submit{background-color:#212121;color:#fff;padding:15px;font-size:1em;border:none;border-radius:8px;cursor:pointer;width:100%;margin-top:20px}.btn-submit:hover{background-color:#333}.message{text-align:center;padding:15px;border-radius:5px}.message.error{background-color:#f8d7da;color:#721c24}.message.success{background-color:#d4edda;color:#155724}.working-zone{border:1px solid #ccc;border-radius:5px;padding:15px;margin-bottom:10px}.btn-remove-zone,.btn-add-zone{background-color:#ff4d4d;color:#fff;padding:10px;font-size:.9em;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.btn-add-zone{background-color:#28a745;width:auto}.btn-remove-zone:hover,.btn-add-zone:hover{opacity:.9}.header{display:flex;align-items:center;justify-content:space-between;background-color:#1a1a1a;color:#fff;padding:16px;position:relative}.header-isotipo--blanco{width:70px}.menu-nav h1{font-size:18px;font-weight:400;letter-spacing:.9px;margin-right:10px}.menu-button,.icon-button{background:none;border:none;color:#fff;cursor:pointer;width:auto}.menu-button:hover{background-color:#fff;color:#1a1a1a}.logo{text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.overlay.visible{opacity:1;pointer-events:all}.side-menu{position:fixed;top:0;left:0;height:100%;width:250px;background-color:#fff;box-shadow:2px 0 5px #0000001a;transform:translate(-100%);transition:transform .3s ease;z-index:20;padding:20px}.side-menu.visible{transform:translate(0)}.menu-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:10px}.menu-item{display:flex;align-items:center;gap:10px;padding:10px;text-decoration:none;color:#333;transition:background-color .2s ease,color .2s ease;border-radius:6px;font-size:15px}.menu-item:hover{background-color:#f0f0f0;color:#1a1a1a}.login-register{display:flex;align-items:center;gap:5px}.register,.login{text-decoration:none;padding:0 5px;color:#f0f0f0;transition:color .2s ease}.register.active,.login.active{text-decoration:underline}.header-login-register,.side-login-register{display:none}.navbar-button{width:150px}.icon{width:24px;height:24px}.icon:hover{width:24px;height:24px;color:#000}.deslogearse{display:none}@media (min-width: 768px){.header{flex-direction:row-reverse;z-index:1}.header-isotipo--azul,.menu-button{display:none}.header-login-register{display:flex}.side-login-register{display:none}.side-menu{position:relative;transform:translate(0);height:auto;width:auto;background-color:transparent;box-shadow:none;display:flex;gap:20px;padding:0;flex-direction:row}.menu-item{color:#fff;background-color:transparent}.menu-nav{display:flex;flex-direction:row}.icon{display:none}}@media (max-width: 767px){.side-menu{display:flex;flex-direction:column;justify-content:space-between;height:100%}.menu-nav{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:auto;gap:10px;width:100%}.header-login-register{display:none}.side-login-register{display:flex;flex-direction:column}.side-login-register .register,.login{color:#333}.side-login-register p{display:none}.menu-item{width:100%;padding:10px;box-sizing:border-box}.header-isotipo--blanco{display:none}.header-isotipo--azul{width:130px;margin-top:10px;margin-bottom:10px}.menu-title{color:#000;margin-bottom:10px;display:none}.deslogearse{display:flex;justify-content:center;align-items:center;width:100%;background-color:red}}*{box-sizing:border-box}body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}#root{width:100%;margin:0 auto}div{font-family:Poppins}h1{font-family:Poppins,Helvetica;font-size:2em;margin:0}h2{font-family:Poppins;font-size:1.5em;margin:0}h3{font-family:Poppins,sans-serif;font-weight:100;margin:0}h4,h5{font-family:Poppins,sans-serif;margin:0}p{font-family:Poppins,sans-serif;color:#666;margin:0}span{font-family:Poppins,sans-serif;font-size:1em;color:#666;margin:0}textarea{font-family:Poppins,sans-serif;font-size:1em;padding:10px;border:1px solid #ccc;border-radius:5px;resize:vertical;min-height:180px}button,.botonWhatsapp,.botonVerMas{padding:8px 16px;border:none;border-radius:3px;cursor:pointer;width:130px;height:40px;font-family:Helvetica,sans-serif;font-size:15px;background-color:var(--AzulPrincipal);color:#fff}button:hover{background-color:var(--AzulObscuro)}.botonIniciarSesion{font-size:20px;width:100%}.botonWhatsappLogin{background-color:var(--VerdeWhatsApp);color:#fff}.botonWhatsappLogout{background-color:#fff;border:var(--VerdeWhatsApp) solid 1px;color:var(--VerdeWhatsApp)}.botonVerMas{background-color:var(--AzulPrincipal);color:#fff}.botonRojoOscuro{background-color:var(--RojoObscuro)}.botonRojoMedio{background-color:var(--RojoMedio)}.botonRojoClaro{background-color:var(--RojoClaro)}.botonRojoSuave{background-color:var(--RojoSuave)}.label{width:max-content;margin:5px auto;width:100%;display:grid;grid-template-areas:"input"}.input{grid-area:input;width:100%;font-size:1.2em;border-radius:10px;border:1px solid gray;padding:.7rem 1.5rem;box-sizing:border-box;margin-bottom:15px}.input:focus{border:solid 1px;border-color:var(--AzulPrincipal);outline:none;box-sizing:border-box}.texto_label{grid-area:input;z-index:8;width:max-content;margin-left:1rem;align-self:center;height:auto;display:flex;align-items:center;transition:transform .2s;transform-origin:center left;margin-bottom:15px}.input:focus+.texto_label,.input:not(:placeholder-shown)+.texto_label{transform:translateY(-95%) scale(.7);background:#fff}.input option:hover{padding:.7rem}.VerificationOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999;pointer-events:auto}body.modal-open{overflow:hidden}.VerificationBox{background:#fff;border-radius:10px;padding:2rem;width:300px;box-shadow:0 4px 8px #0003;position:relative;text-align:center;pointer-events:auto}.VerificationBox .close-button{position:absolute;top:10px;right:10px;background:var(--AzulPrincipal);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.VerificationBox input{width:100%;padding:.7rem;border:1px solid gray;border-radius:10px;font-size:1em;margin-bottom:1rem;box-sizing:border-box}.VerificationBox button{width:100%;padding:.7rem;border:none;border-radius:10px;background:var(--AzulPrincipal);color:#fff;font-size:1em;cursor:pointer}.VerificationBox button:hover{background:var(--AzulObscuro)}.RegistroExitoso,.RegistroFallido,.RegistroUsuarioExistente,.CodigoIncorrecto{display:flex;justify-content:center;align-items:center;width:calc(100% - 20px);height:45px;border-radius:6px;box-shadow:1px 1px 1px 1px #0003;position:fixed;bottom:-60px;left:10px;z-index:1000;box-sizing:border-box;transition:transform .5s ease-out,opacity .5s ease-out;opacity:0}.RegistroExitoso p,.RegistroUsuarioExistente p,.RegistroFallido p{font-size:1.1em}.RegistroExitoso{background-color:#1db954}.RegistroExitoso p{color:#000}.RegistroUsuarioExistente,.CodigoIncorrecto{background-color:#f7e03c}.RegistroUsuarioExistente p,.CodigoIncorrecto p{color:#000}.RegistroFallido{background-color:#b7002a}.RegistroFallido p{color:#fff}.show{bottom:10px;opacity:1;transform:translateY(0)}.hide{opacity:0;transition:1s;transform:translateY(60px)}@media (min-width: 768px){.RegistroExitoso,.RegistroFallido,.RegistroUsuarioExistente,.CodigoIncorrecto{width:400px;left:calc(50% - 200px)}}:root{--AzulPrincipal: #0071BC;--AzulObscuro: #005a9c;--RojoObscuro: #C6001E;--RojoMedio: #B7002A;--RojoClaro: #E30035;--RojoSuave: #FF5B5B;--VerdeWhatsApp: #25D366;--VerdeObscuro: #004225;--VerdeMedio: #006B3C;--VerdeClaro: #00A650;--VerdeSuave: #66FF99;--GrisClaro: #f5f5f5;--GrisObscuro: #e0e0e0}.formulario__titulo{margin-top:10px;margin-bottom:20px}