@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";.splash-container{background-color:#3cc;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;overflow:hidden}.splash-logo{width:160px;margin-bottom:20px;animation:logoEntrada 1.2s ease-out forwards;transform-origin:center;opacity:0;filter:drop-shadow(0 0 12px #ffffff)}@keyframes logoEntrada{0%{transform:scale(.3) rotateY(0) skew(25deg) translateY(40px);opacity:0}40%{transform:scale(1.2) rotateY(180deg) skew(0) translateY(0);opacity:1}80%{transform:scale(1.05) rotateY(300deg)}to{transform:scale(1) rotateY(360deg);opacity:1}}.splash-subtitle{font-family:Inter,sans-serif;color:#fff;font-weight:600;margin-top:10px;max-width:80%}.linea{color:#fff;font-size:1.6rem;opacity:0;transform:translateY(10px);animation:fadeInUp .8s ease-out forwards}.naranja-animada{color:#fbb040;font-weight:600;display:inline-block;opacity:0;transform:scale(.8);animation:naranjaDestaca 1s ease-out forwards;animation-delay:2.2s}@keyframes naranjaDestaca{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.linea.uno{animation-delay:1.4s}.linea.dos{animation-delay:2.2s}.mascota-card{display:inline-block;margin:16px;text-align:center;cursor:pointer;transition:transform .2s ease}.mascota-card:hover{transform:scale(1.05)}.mascota-imagen{width:100px;height:100px;object-fit:cover;border-radius:50%;border:2px solid #ccc}.mascota-nombre{margin-top:8px;font-weight:700;color:#333}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px 0}.spinner{width:40px;height:40px;border:6px solid #e0f7f5;border-top:6px solid #33cccc;border-radius:50%;animation:girar .8s ease-in-out infinite;box-shadow:0 0 6px #48c6ad4d}@keyframes girar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-mensaje{margin-top:12px;font-size:1rem;color:#555;font-style:italic}.formulario-mascota{text-align:center;padding:40px}.input-texto{padding:8px;width:60%;max-width:300px;font-size:1rem;border:1px solid #ccc;border-radius:6px}.input-file{margin-top:10px}.boton-guardar{padding:10px 20px;font-size:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer}.boton-guardar:hover{background-color:#45a049}.input-file-oculto{display:none}.boton-subir{display:inline-block;padding:10px 20px;background-color:var(--color-naranja);color:#fff;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.boton-subir:hover{background-color:var(--color-naranja-hover)}.listado-container{text-align:center;padding:40px}.mascotas-lista{list-style:none;padding:0;gap:1rem}.mascota-item{margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.mascota-foto{width:120px;height:120px;object-fit:cover;border-radius:8px}.mensaje-cargando{font-style:italic;color:#666;margin:20px 0}.mascotas-lista .boton-borrar{margin-top:8px;padding:6px 12px;font-size:.9rem;background-color:var(--color-rojo);color:#fff;border:none;border-radius:6px;cursor:pointer}.mascotas-lista .boton-borrar:hover{background-color:var(--color-rojo-hover)}.layout-container{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif}.layout-header{background-color:#f3c23b;padding:1rem;text-align:center;border-bottom:1px solid #ccc}.layout-main{flex:1;padding:2rem}.layout-header .splash-logo{height:70px;width:70px;margin:10px 0}.layout-footer{background-color:#f3c23b;padding:1rem;text-align:center;border-top:1px solid #ccc}.layout-footer p{margin:0;color:#272727;font-size:.8rem}.footer-link{color:#272727;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s ease,border-color .2s ease}.footer-link:hover{color:#3860e6}.modal-alertas{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-contenido{background-color:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 12px #0003;text-align:center;font-family:sans-serif}.modal-contenido h2{margin-bottom:1rem;font-size:1.2rem;color:#333}.modal-contenido button{margin:.5rem;padding:.6rem 1.2rem;border:none;border-radius:4px;background-color:#07c;color:#fff;cursor:pointer;font-size:.9rem}.modal-contenido button:hover{background-color:#005fa3}.navbar-hamburguesa{position:absolute;top:10px;right:10px}.hamburguesa{font-size:24px;background:none;border:none;cursor:pointer}.hamburguesa:hover{background-color:#3cc}.menu-opciones{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #fcfcf9;border-radius:4px;position:absolute;right:10px;top:40px;z-index:1000}.opcion{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;color:#3cc}.opcion:hover{background-color:#e0f7f7;color:#099}.ruta-no-encontrada{text-align:center;padding:var(--espaciado-vista);font-size:var(--tamaño-título);color:var(--color-texto-secundario);font-style:italic}.boton{padding:10px 20px;font-size:var(--tamaño-base);border:none;border-radius:var(--radio-base);color:var(--color-texto-contraste);cursor:pointer;transition:background-color .2s ease}.boton-verde{background-color:var(--color-verde)}.boton-verde:hover{background-color:var(--color-verde-hover)}.boton-naranja{background-color:var(--color-naranja)}.boton-naranja:hover{background-color:var(--color-naranja-hover)}.boton-naranja-light{background-color:var(--color-naranja-light)}.boton-naranja-light:hover{background-color:var(--color-naranja-light-hover)}.boton-verde-light{background-color:var(--color-verde-light)}.boton-verde-light:hover{background-color:var(--color-verde-light-hover)}.boton-rojo{background-color:var(--color-rojo)}.boton-rojo:hover{background-color:var(--color-rojo-hover)}.botones-welcome{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.contenedor{padding:var(--espaciado-vista);max-width:480px;margin:0 auto;border-radius:var(--radio-contenedor);box-shadow:var(--sombra-suave);background-color:var(--color-fondo);text-align:center}.card{background-color:var(--color-fondo-claro);padding:var(--espaciado-base);border-radius:var(--radio-card);border:1px solid var(--color-borde);margin-bottom:var(--margen-base)}.input{width:80%;max-width:320px;margin-top:8px;padding:10px;font-size:var(--tamaño-base);border:1px solid var(--color-borde);border-radius:var(--radio-base);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--color-verde)}.titulo{font-size:var(--tamaño-título);margin-bottom:20px;color:var(--color-texto);font-weight:600}.mensaje{font-size:var(--tamaño-base);color:var(--color-texto-secundario);margin:8px 0}.mensaje-vacio{font-size:1.1rem;color:var(--color-texto-claro);margin-top:2rem;font-style:italic}.mascotas-lista{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center}.agendar-container{text-align:center;padding:40px}.agendar-button{display:block;margin:12px auto;padding:10px 20px;font-size:1rem;color:#fff;border:none;border-radius:6px;cursor:pointer;width:80%;max-width:320px}.agendar-button:nth-child(4n+1){background-color:#3cc}.agendar-button:nth-child(4n+2){background-color:#22b4b4}.agendar-button:nth-child(4n+3){background-color:#15a8a8}.agendar-button:nth-child(4n+4){background-color:#139191}.agendar-button:hover{background-color:#33cc47}.formulario-container{text-align:center;padding:40px;max-width:480px;margin:0 auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #00000014}.formulario-container h2{font-size:1.6rem;margin-bottom:20px;color:#333}.formulario-container label{display:block;margin-top:20px;font-weight:700;color:#444;text-align:left;margin-left:10%}.formulario-container input,.formulario-container textarea{width:80%;max-width:320px;margin-top:8px;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;transition:border-color .2s ease}.formulario-container input:focus,.formulario-container textarea:focus{border-color:#1976d2;outline:none}.formulario-container p{font-size:1rem;margin:8px 0;color:#555}.botonera{display:flex;flex-direction:column;gap:12px;margin-top:24px;align-items:center}.boton-primario{padding:10px 24px;font-size:1rem;background-color:#3cc;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.boton-primario:hover{background-color:#10b4b4}.boton-primario:active{background-color:#46e9e9}.boton-primario:disabled{background-color:#ccc;cursor:not-allowed}.boton-secundario{padding:10px 24px;font-size:1rem;background-color:#e0e0e0;color:#333;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.boton-secundario:hover{background-color:#d5d5d5}.boton-secundario:active{background-color:#c2c2c2}.boton-danger{background-color:red}.wap-icon{width:32px;height:32px;object-fit:contain;vertical-align:middle}.actividad-card{border:1px solid #ccc;border-radius:8px;padding:16px;margin:12px;width:280px;background-color:#f9f9f9;text-align:left}.actividad-card h3{margin-top:0;font-size:1.2em}.actividad-card p{margin:4px 0;font-size:.95em}.actividad-notas{font-style:italic;color:#555}.borrar-button{margin-top:8px;background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.borrar-button:hover{background-color:#c0392b}section{padding:2rem;max-width:640px;margin:auto;font-family:system-ui,sans-serif}h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#333}p{text-align:center;font-size:1rem;color:#666}ul{list-style:none;padding:0;margin:0}li{background-color:#f9f9f9;border:1px solid #ddd;margin-bottom:1rem;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}li:hover{background-color:#f0f0f0}strong{font-weight:600;color:#222}button{background-color:#ff4d4d;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}button:hover{background-color:#e60000}.notas{margin-top:.5rem;font-style:italic;font-size:.9rem;color:#555}.boton-volver{background-color:#ccc}.boton-volver:hover{background-color:#5a5959}.seleccionar-container{text-align:center;padding:40px}.mascota-lista{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;list-style:none;padding:0}.mascota-item{margin-bottom:1rem;background-color:#f5f5f5;padding:1rem;border-radius:8px}.mascota-item button{margin-top:8px;padding:6px 12px;background-color:#3cc;color:#fff;border:none;border-radius:6px;cursor:pointer}.mascota-item button:hover{background-color:#19bdbd}.seleccionar-button{background-color:#4caf50;color:#fff;padding:8px 16px;margin-top:4px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.seleccionar-button:hover{background-color:#45a049}.actividades-container{padding:2rem;text-align:center}.actividades-lista{list-style:none;padding:0;margin-top:1.5rem}.actividad-item{background-color:#f3f3f3;margin-bottom:1rem;padding:1rem;border-radius:8px;text-align:left}.actividad-notas{margin-top:.5rem;font-style:italic;color:#555}.mensaje-vacio{margin-top:2rem;font-size:1.1rem;color:#888}.volver-button{margin-top:2rem;padding:.8rem 1.5rem;background-color:#07c;color:#fff;border:none;border-radius:6px;cursor:pointer}.volver-button:hover{background-color:#005fa3}.alertas-container{padding:1rem;max-width:600px;margin:auto}.alertas-lista{list-style:none;padding:0}.alerta-item{border:1px solid #ccc;border-radius:6px;padding:.75rem;margin-bottom:1rem;background-color:#f9f9f9;transition:background-color .3s ease}.alerta-item.activa{background-color:#fff8e1;border-left:4px solid #ffc107;box-shadow:0 0 4px #ffc10766;font-weight:500}.alerta-item.mostrada{opacity:.6;background-color:#f0f0f0;border-left:4px solid #ccc}.alerta-fecha{font-size:.9rem;color:#666}.alerta-botones{margin-top:.5rem;display:flex;gap:.5rem}.alerta-botones button{padding:.4rem .8rem;font-size:.9rem;cursor:pointer;border:none;border-radius:4px;background-color:#e0e0e0;transition:background-color .2s ease}.alerta-botones button:hover{background-color:#d6d6d6}.despedida-container{height:100vh;background:linear-gradient(180deg,#3cc,#aaf0f0);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,sans-serif;text-align:center;color:#fff;overflow:hidden}.despedida-logo{width:160px;height:160px;border-radius:50%;animation:rotarVertical 6s linear infinite;box-shadow:0 6px 16px #00000040,0 0 20px #ffffff40;transform-style:preserve-3d;backface-visibility:hidden}@keyframes rotarVertical{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.mensaje-curatorial{max-width:600px}.linea{font-size:1.6rem;margin:1rem 0;text-shadow:1px 1px 3px rgba(0,0,0,.3);opacity:0;transform:translateY(10px);animation:fadeInUp .8s ease-out forwards}.linea.uno{font-size:2.2rem;font-weight:600}.linea.dos,.linea.tres{font-size:1.4rem}.linea.uno{animation-delay:.8s}.linea.dos{animation-delay:1.4s}.linea.tres{animation-delay:2s}.mensaje-curatorial strong{color:#fbb040;font-weight:600}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLogo{to{opacity:1;transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-azul: #1976d2;--color-azul-hover: #1565c0;--color-verde: #4caf50;--color-verde-hover: #45a049;--color-naranja: #f57c00;--color-naranja-hover: #fcba04;--color-naranja-activo: #e65100;--color-naranja-light: #fcba04;--color-naranja-light-hover: #f57c00;--color-naranja-light-activo: #f1a90c;--color-verde-light: #6fdd72;--color-verde-light-hover: #4caf50;--color-verde-light-activo:#2a812c;--color-rojo: #d32f2f;--color-rojo-hover: #b71c1c;--color-rojo-claro: #ff4d4d;--color-rojo-hover-claro: #e60000;--color-alerta: #ffc107;--color-alerta-fondo: #fff8e1;--color-alerta-sombra: rgba(255, 193, 7, .4);--color-fondo: #f9f9f9;--color-fondo-claro: #f5f5f5;--color-fondo-cálido: #fdf6f0;--color-fondo-violeta: #f8f4fb;--color-fondo-splash: #33cccc;--color-borde: #ccc;--color-borde-claro: #ddd;--color-texto: #333;--color-texto-secundario: #555;--color-texto-terciario: #666;--color-texto-claro: #888;--color-texto-contraste: #ffffff;--fuente-base: "Inter", sans-serif;--tamaño-base: 1rem;--tamaño-pequeño: .9rem;--tamaño-título: 1.6rem;--tamaño-título-grande: 1.8rem;--espaciado-base: 1rem;--espaciado-vista: 24px;--espaciado-lista: 1.5rem;--margen-base: 1rem;--margen-vista: 2rem;--radio-base: 6px;--radio-card: 8px;--radio-contenedor: 12px;--sombra-suave: 0 4px 12px rgba(0, 0, 0, .08)}.contenedor-welcome{padding-top:5px}@media (min-width: 600px){:root{--tamaño-título: 1.8rem;--tamaño-base: 1.1rem;--espaciado-vista: 32px;--espaciado-lista: 2rem}.contenedor{max-width:640px;padding:var(--espaciado-vista)}.card{padding:1.5rem}.boton{font-size:1rem;padding:12px 24px}.mascota-foto{width:140px;height:140px}.titulo{font-size:var(--tamaño-título-grande)}}@media (max-width: 480px){.menu-opciones{width:180px;font-size:.9rem;right:8px;top:36px}.opcion{padding:6px 10px}.hamburguesa{font-size:20px}}