/* Copia visual de mascotas.css (ajusta colores/tamaño si quieres) */
:focus:not(:focus-visible) { 
    outline: none; 
    box-shadow: none; 
}

body { 
    margin: 0; 
    font-family: Arial, sans-serif; 
    background: linear-gradient(150deg, rgb(69,181,255), rgb(108,0,197)); 
    display:flex; 
    justify-content:center; 
    align-items:center;
    height: 100vh;
}

.frontmenu { 
    width:100%; 
    height:3pc; 
    position:fixed; 
    background:black; 
    left:0; bottom:0; 
    z-index:6; 
}
.conterformula { 
    display:grid; 
    place-items:center; 
    display:none; 
    margin-top: 279px;
}
.formula { 
    position: relative;
    z-index: 5;
    display:flex; 
    justify-content:center; 
    align-items:center; 
    width:87%;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 10px; 
    border-radius:10px; 
    padding:20px; 
    background:white; 
}
.contenedor-botones { 
    display:flex; 
    flex-direction:column; 
    align-items:center; 
    gap:15px; 
    width:90%; 
    max-width:400px; 
}
.botoness { display:flex; 
    flex-direction:column; 
    gap:15px; 
    width:90%; 
    max-width:400px; 
}
button {
    width:100%; 
    padding:15px; 
    border:none; 
    border-radius:12px; 
    font-size:16px; 
    color:white; 
    transition:transform .2s ease; 
    box-shadow:0 4px 8px rgba(0,0,0,0.2); 
}
button:hover { 
    transform:scale(1.03); 
}
.btnAddPet { 
    background-color:#7200ff; 
}
.btnDeletePet { 
    background-color:#d10000; 
}
.btnMascota { 
    position:relative; 
    z-index:1; 
    overflow:hidden; 
    background-color:#5a00d1; 
    color:white; 
    border-radius:12px; 
    padding:15px; 
    font-size:16px; 
}
.btnRegistrarUsuario, 
.btnGuardarVet { 
    padding:11px 6px; 
    background-color:#6200ea; 
    color:white; 
    border-radius:5px; 
    border:none; 
    margin-top:10px; 
}
.btnCancelar { 
    padding:10px 20px; 
    background-color:#ff0000; 
    color:white; 
    border-radius:5px; 
    border:none; 
    margin-top:10px; 
}
.uploadFoto { 
    display:inline-block; 
    border-radius:10px; 
    background:white; 
    z-index:4; 
    box-shadow:0 4px 15px rgba(0,0,0,0.25); 
}
h2 { 
    color:#333; 
    font-size:14px;
    margin-top:10px; 
}
.formula input, 
.formula textarea, 
.formula select { 
    width:93%; 
    padding:10px; 
    margin-bottom:10px; 
    border:1px solid #ddd; 
    border-radius:6px; 
}